Учебное пособие по применению Windows Forms на C # с примером

Содержание:

Anonim

До сих пор мы видели, как работать с C # для создания консольных приложений. Но в реальной жизни команда обычно использует Visual Studio и C # для создания Windows Forms или веб-приложений.

Приложение Windows Forms - это приложение, предназначенное для работы на компьютере. Он не будет работать в веб-браузере, потому что тогда он станет веб-приложением.

В этом руководстве основное внимание будет уделено тому, как мы можем создавать приложения для Windows. Мы также узнаем некоторые основы работы с различными элементами приложения C # Windows.

В этом руководстве по Windows вы узнаете:

  • Основы Windows Forms
  • Привет, мир в Windows Forms
  • Добавление элементов управления в форму
  • Обработка событий для элементов управления
  • Элемент управления Tree и PictureBox

Основы Windows Forms

Приложение Windows Forms - это приложение, которое запускается на настольном компьютере. Приложение форм Windows обычно имеет набор элементов управления, таких как метки, текстовые поля, списки и т. Д.

Ниже приведен пример простого приложения Windows Form C #. Он показывает простой экран входа в систему, доступный для пользователя. Пользователь вводит необходимые учетные данные, а затем нажимает кнопку «Войти», чтобы продолжить.

Итак, пример элементов управления, доступных в приведенном выше приложении

  1. Это набор элементов управления метками, которые обычно используются для описания смежных элементов управления. Итак, в нашем случае у нас есть 2 текстовых поля, и метки используются, чтобы сообщить пользователю, что одно текстовое поле предназначено для ввода имени пользователя, а другое - для пароля.
  2. Два текстовых поля используются для хранения имени пользователя и пароля, которые будут введены пользователем.
  3. Наконец, у нас есть кнопка управления. К кнопке управления обычно прилагается некоторый код для выполнения определенного набора действий. Так, например, в приведенном выше случае мы могли бы заставить кнопку выполнять действие по проверке имени пользователя и пароля, которые вводятся пользователем.

C # Привет, мир

Теперь давайте посмотрим на пример того, как мы можем реализовать простое приложение hello world в Visual Studio. Для этого нам нужно будет выполнить следующие шаги.

Шаг 1) Первый шаг включает создание нового проекта в Visual Studio. После запуска Visual Studio вам нужно выбрать пункт меню New-> Project.

Шаг 2) Следующим шагом является выбор типа проекта в качестве приложения Windows Forms. Здесь также необходимо указать название и местонахождение нашего проекта.

  1. В диалоговом окне проекта мы можем увидеть различные варианты создания разных типов проектов в Visual Studio. Щелкните параметр Windows слева.
  2. Когда мы щелкнем по параметрам Windows на предыдущем шаге, мы сможем увидеть параметр для приложения Windows Forms. Щелкните эту опцию.
  3. Мы дадим название приложению. В нашем случае это DemoApplication. Мы также предоставим место для хранения нашего приложения.
  4. Наконец, мы нажимаем кнопку «ОК», чтобы Visual Studio могла создать наш проект.

Если выполнить вышеуказанные шаги, вы получите следующий результат в Visual Studio.

Выход:-

Вы увидите конструктор форм, отображаемый в Visual Studio. Именно в этом конструкторе форм вы начнете создавать свое приложение Windows Forms.

В обозревателе решений вы также сможете увидеть решение DemoApplication. Это решение будет содержать следующие 2 файла проекта

  1. Приложение Form под названием Forms1.cs. Этот файл будет содержать весь код для приложения Windows Form.
  2. Основная программа с именем Program.cs - это файл кода по умолчанию, который создается при создании нового приложения в Visual Studio. Этот код будет содержать код запуска для приложения в целом.

В левой части Visual Studio вы также увидите ToolBox. Панель инструментов содержит все элементы управления, которые можно добавить в Windows Forms. Такие элементы управления, как текстовое поле или метка, - это лишь некоторые из элементов управления, которые можно добавить в Windows Forms.

Ниже приведен снимок экрана, на котором показано, как выглядит Панель инструментов.

Шаг 3) На этом шаге мы добавим метку к форме, которая будет отображать «Hello World». На панели инструментов вам нужно будет выбрать элемент управления Label и просто перетащить его на форму.

Как только вы перетащите метку в форму, вы можете увидеть метку, встроенную в форму, как показано ниже.

Шаг 4) Следующим шагом является переход к свойствам элемента управления и изменение текста на «Hello World».

Чтобы перейти к свойствам элемента управления, необходимо щелкнуть его правой кнопкой мыши и выбрать пункт меню «Свойства».

  • Панель свойств также отображается в Visual Studio. Итак, для элемента управления меткой в ​​элементе управления свойствами перейдите в раздел «Текст» и введите «Hello World».
  • Каждый элемент управления имеет набор свойств, описывающих элемент управления.

Если вы выполните все вышеперечисленные шаги и запустите свою программу в Visual Studio, вы получите следующий результат

Выход:-

На выходе вы можете увидеть, что отображается форма Windows. Вы также можете увидеть, что в форме отображается «Hello World».

Добавление элементов управления в форму

Мы уже видели, как добавить элемент управления в форму, когда добавляли элемент управления меткой в ​​предыдущем разделе для отображения «Hello World».

Давайте посмотрим на другие элементы управления, доступные для форм Windows, и рассмотрим некоторые из их общих свойств.

В нашем приложении Windows Form в примерах C # мы создадим одну форму, которая будет иметь следующие функции.

  1. Возможность для пользователя ввести имя и адрес.
  2. Возможность выбрать город, в котором проживает пользователь
  3. Возможность для пользователя ввести параметр для пола.
  4. Возможность выбрать курс, который хочет изучить пользователь. Будет выбор как для C #, так и для ASP.Net

Итак, давайте подробно рассмотрим каждый элемент управления и добавим их, чтобы создать форму с вышеупомянутыми функциями.

Групповая коробка

Поле группы используется для логической группировки элементов управления в раздел. Давайте рассмотрим пример, если у вас есть набор элементов управления для ввода таких данных, как имя и адрес человека. В идеале это данные о человеке, поэтому вы можете поместить эти данные в отдельный раздел формы. Для этого у вас может быть групповой ящик. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже.

Шаг 1) Первый шаг - перетащить элемент управления Groupbox на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После добавления группового окна перейдите в окно свойств, щелкнув элемент управления групповым ящиком. В окне свойств перейдите к свойству «Текст» и измените его на «Сведения о пользователе».

После внесения вышеуказанных изменений вы увидите следующий результат

Выход:-

На выходе вы можете ясно видеть, что Groupbox был добавлен в форму. Вы также можете видеть, что текст группового ящика был изменен на «Сведения о пользователе».

Label Control

Далее идет Label Control. Элемент управления меткой используется для отображения текста или сообщения пользователю в форме. Элемент управления меткой обычно используется вместе с другими элементами управления. Общие примеры: метка добавляется вместе с элементом управления текстовым полем.

Этикетка указывает пользователю, что должно заполнить текстовое поле. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим 2 метки, одна будет называться «имя», а другая - «адрес». Они будут использоваться вместе с элементами управления текстовым полем, которые будут добавлены в следующем разделе.

Шаг 1) Первый шаг - перетащить элемент управления меткой на форму Windows из панели инструментов, как показано ниже. Убедитесь, что вы перетащили элемент управления меткой 2 раза, чтобы вы могли использовать один для «имени», а другой для «адреса».

Шаг 2) После добавления метки перейдите в окно свойств, щелкнув элемент управления меткой. В окне свойств перейдите к свойству Text каждого элемента управления меткой.

После внесения вышеуказанных изменений вы увидите следующий результат

Выход:-

Вы можете увидеть элементы управления метками, добавленные в форму.

Текстовое окно

Текстовое поле используется для того, чтобы пользователь мог вводить текст в приложении Windows на C #. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим в форму 2 текстовых поля, одно для имени, а другое для адреса, который нужно ввести для пользователя.

Шаг 1) Первый шаг - перетащить элемент управления текстовым полем на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После добавления текстовых полей перейдите в окно свойств, щелкнув элемент управления текстовым полем. В окне свойств перейдите к свойству Name и добавьте значимое имя в каждое текстовое поле. Например, назовите текстовое поле для пользователя как txtUser, а для адреса - как txtAddress. Для элементов управления следует разработать соглашение об именах и стандарт, потому что становится проще добавлять дополнительные функции к этим элементам управления, что мы увидим позже.

После внесения вышеуказанных изменений вы увидите следующий результат

Выход:-

На выходе вы можете ясно видеть, что текстовые поля были добавлены в форму.

Окно списка

Список используется для отображения списка элементов в форме Windows. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим в форму список для хранения местоположений некоторых городов.

Шаг 1) Первый шаг - перетащить элемент управления списком на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После того, как список был добавлен, перейдите в окно свойств, щелкнув элемент управления списком.

  1. Во-первых, измените свойство элемента управления Listbox box, в нашем случае мы изменили это на lstCity.
  2. Щелкните свойство Items. Это позволит вам добавлять различные элементы, которые могут отображаться в списке. В нашем случае мы выбрали «коллекцию» предметов.
  3. В открывшемся редакторе String Collection введите названия городов. В нашем случае мы вошли в «Мумбаи», «Бангалор» и «Хайдарабад».
  4. Наконец, нажмите кнопку «ОК».

После внесения вышеуказанных изменений вы увидите следующий результат

Выход:-

На выходе вы можете увидеть, что список был добавлен в форму. Вы также можете видеть, что список был заполнен значениями городов.

Переключатель

Radiobutton используется для демонстрации списка элементов, из которых пользователь может выбрать один. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим переключатель для выбора мужчины / женщины.

Шаг 1) Первый шаг - перетащить элемент управления «Radiobutton» на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После добавления Radiobutton перейдите в окно свойств, щелкнув элемент управления Radiobutton.

  1. Во-первых, вам нужно изменить текстовое свойство обоих элементов управления Radio. Перейдите в окна свойств и измените текст на мужской для одного радиокнопки, а текст на другой - на женский.
  2. Аналогичным образом измените свойство name обоих элементов управления Radio. Перейдите в окна свойств и измените имя на «rdMale» для одной радиокнопки и на «rdfemale» для другой.

После того, как вы внесете указанные выше изменения, вы увидите следующий результат

Выход:-

Вы увидите, что радиокнопки добавлены в форму Windows.

Флажок

Флажок используется для предоставления списка параметров, в котором пользователь может выбрать несколько вариантов. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим 2 флажка в наши формы Windows. Эти флажки предоставят пользователю возможность выбрать, хотят ли они изучать C # или ASP.Net.

Шаг 1) Первый шаг - перетащить элемент управления флажком на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После добавления флажка перейдите в окно свойств, щелкнув элемент управления флажком.

В окне свойств

  1. Во-первых, вам нужно изменить текстовое свойство обоих флажков. Перейдите в окна свойств и измените текст на C # и ASP.Net.
  2. Аналогичным образом измените свойство name обоих элементов управления Radio. Перейдите в окна свойств и измените имя на chkC для одного флажка и на chkASP для другого.

После внесения вышеуказанных изменений вы увидите следующий результат

Выход:-

Кнопка

Кнопка используется, чтобы позволить пользователю нажать на кнопку, которая затем запустит обработку формы. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим простую кнопку «Отправить», которая будет использоваться для отправки всей информации в форме.

Шаг 1) Первый шаг - перетащить кнопку управления на форму Windows из панели инструментов, как показано ниже.

Шаг 2) После добавления кнопки перейдите в окно свойств, щелкнув элемент управления «Кнопка».

  1. Во-первых, вам нужно изменить текстовое свойство элемента управления кнопки. Перейдите в окна свойств и измените текст на «отправить».
  2. Аналогичным образом измените свойство name элемента управления. Перейдите в окна свойств и измените имя на btnSubmit.

После внесения вышеуказанных изменений вы увидите следующий результат

Выход:-

Поздравляем, теперь у вас есть первая базовая форма Windows Form. Теперь перейдем к следующей теме, чтобы увидеть, как мы можем выполнять обработку событий для элементов управления.

Обработка событий C # для элементов управления

При работе с формой окна вы можете добавлять события в элементы управления. Событие - это то, что происходит при выполнении действия. Вероятно, наиболее распространенное действие - это нажатие кнопки в форме. В C # Windows Forms вы можете добавить код, который можно использовать для выполнения определенных действий при нажатии кнопки в форме.

Обычно, когда на форме нажимается кнопка, это означает, что должна произойти некоторая обработка.

Давайте рассмотрим одно из событий и то, как его можно обработать, прежде чем мы перейдем к сценарию события кнопки.

В приведенном ниже примере будет показано событие для элемента управления Listbox. Поэтому всякий раз, когда элемент выбран в элементе управления списком, должно появляться окно сообщения, в котором отображается выбранный элемент. Для этого выполним следующие шаги.

Шаг 1) Дважды щелкните список в конструкторе форм . Таким образом, Visual Studio автоматически откроет файл кода для формы. И он автоматически добавит в код метод события. Этот метод события будет запускаться всякий раз, когда выбран любой элемент в списке.

Выше показан фрагмент кода, который автоматически добавляется Visual Studio, когда вы дважды щелкаете элемент управления List box в форме. Теперь давайте добавим приведенный ниже фрагмент кода к этому фрагменту кода, чтобы добавить необходимую функциональность к событию списка.

  1. Это метод обработчика событий, который автоматически создается Visual Studio при двойном щелчке элемента управления «Поле списка». Вам не нужно беспокоиться о сложности имени метода или параметров, передаваемых в метод.
  2. Здесь мы получаем SelectedItem через свойство lstCity.SelectedItem. Помните, что lstCity - это имя нашего элемента управления Listbox. Затем мы используем метод GetItemText, чтобы получить фактическое значение выбранного элемента. Затем мы присваиваем это значение текстовой переменной.
  3. Наконец, мы используем метод MessageBox для отображения пользователю значения текстовой переменной.

Если вы внесете указанные выше изменения и запустите программу в Visual Studio, вы увидите следующий результат.

Выход:-

Из выходных данных вы можете видеть, что при выборе любого элемента из списка появляется окно сообщения. Это покажет выбранный элемент из списка.

Теперь давайте посмотрим на последний элемент управления - метод нажатия кнопки. Опять же, это следует той же философии. Просто дважды щелкните кнопку в конструкторе форм, и он автоматически добавит метод для обработчика событий кнопки. Затем вам просто нужно добавить приведенный ниже код.

  1. Это метод обработчика событий, который автоматически создается Visual Studio при двойном щелчке по кнопке управления. Вам не нужно беспокоиться о сложности имени метода или параметров, передаваемых в метод.
  2. Здесь мы получаем значения, введенные в текстовое поле имени и адреса. Значения можно взять из свойства text текстового поля. Затем мы присваиваем значения 2 переменным, имени и адресу соответственно.
  3. Наконец, мы используем метод MessageBox для отображения значений имени и адреса для пользователя.

Если вы внесете указанные выше изменения и запустите программу в Visual Studio, вы увидите следующий результат.

Выход:-

  1. Сначала введите значение в поле имени и адреса.
  2. Затем нажмите кнопку «Отправить».

После того, как вы нажмете кнопку «Отправить», появится окно сообщения, в котором будет правильно показано, что вы ввели в разделе сведений о пользователе.

Элемент управления Tree и PictureBox

Есть еще два элемента управления, на которые мы можем обратить внимание: один - «Древовидный элемент», а другой - «Элемент управления изображением». Давайте посмотрим на примеры того, как мы можем реализовать эти элементы управления.

Дерево управления

- Элемент управления в виде дерева используется для вывода списка элементов в виде дерева. Вероятно, лучший пример - это когда мы видим сам проводник Windows. Структура папок в проводнике Windows похожа на древовидную структуру.

Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже.

Шаг 1) Первый шаг - перетащить элемент управления Tree на форму Windows из панели инструментов, как показано ниже.

Шаг 2) Следующий шаг - начать добавлять узлы в коллекцию дерева, чтобы оно могло появиться в дереве соответствующим образом. Во-первых, давайте выполним следующие подэтапы, чтобы добавить корневой узел в коллекцию дерева.

  1. Перейдите на панель свойств для элемента управления в виде дерева. Щелкните свойство узла. Откроется редактор TreeNode Editor.
  2. В редакторе TreeNode нажмите кнопку «Добавить корень», чтобы добавить корневой узел в коллекцию дерева.
  3. Затем измените текст узла Root и укажите текст как Root и нажмите кнопку «ОК». Это добавит корневой узел.

Шаг 3) Следующим шагом будет добавление дочерних узлов в коллекцию дерева. Давайте выполним следующие подэтапы, чтобы добавить дочерний корневой узел в коллекцию дерева.

  1. Сначала нажмите кнопку «Добавить ребенка». Это позволит вам добавлять дочерние узлы в коллекцию Tree.
  2. Для каждого дочернего узла измените свойство текста. Продолжайте повторять предыдущий шаг и этот шаг и добавьте 2 дополнительных узла. В итоге у вас будет 3 узла, как показано выше, с текстом как Label, Button и Checkbox соответственно.
  3. Нажмите на кнопку ОК.

После внесения вышеуказанных изменений вы увидите следующий результат.

Выход:-

Вы сможете увидеть, как Древовидное представление добавлено к форме. Когда вы запускаете приложение Windows Form, вы можете развернуть корневой узел и увидеть дочерние узлы в списке.

PictureBox Control

Этот элемент управления используется для добавления изображений в Winforms C #. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже.

Шаг 1) Первый шаг - перетащить элемент управления PictureBox на форму C # Windows Form из панели инструментов, как показано ниже.

Шаг 2) Следующий шаг - фактически прикрепить изображение к элементу управления графическим окном. Это можно сделать, выполнив следующие шаги.

  1. Сначала щелкните свойство Image для элемента управления PictureBox. Появится новое окно.
  2. В этом окне нажмите кнопку «Импорт». Это будет использоваться для прикрепления изображения к элементу управления Picturebox.
  3. Появится диалоговое окно, в котором вы сможете выбрать изображение, чтобы прикрепить его к картинке.
  4. Нажмите на кнопку ОК.

После того, как вы внесете указанные выше изменения, вы увидите следующий результат

Выход:-

Из вывода вы можете видеть, что изображение отображается в форме.

Резюме

  • Форма Windows в приложении C # - это форма, которая запускается на рабочем столе компьютера. Visual Studio Form вместе с C # можно использовать для создания приложения Windows Forms.
  • Элементы управления могут быть добавлены в формы Windows C # через панель инструментов в Visual Studio. Такие элементы управления, как метки, флажки, переключатели и т. Д., Могут быть добавлены в форму с помощью панели инструментов.
  • Также можно использовать расширенные элементы управления, такие как элемент управления в виде дерева и элемент управления PictureBox.
  • Обработчики событий используются для ответа на события, генерируемые элементами управления. Самый распространенный - добавляемый для события нажатия кнопки.