C# Windows Учебное пособие по применению форм с примером
Бенджамин Уокер
Приложение формы Windows — это приложение, предназначенное для запуска на компьютере. Он не будет работать в веб-браузере, поскольку тогда он станет веб-приложением.
В этом уроке основное внимание будет уделено тому, как мы можем создавать Windows-приложения. Мы также изучим некоторые основы работы с различными элементами C#. Windows Приложение.
Windows Основы форм
A Windows Приложение форм — это приложение, которое запускается на настольном компьютере. А Windows Приложение Forms обычно имеет набор элементов управления, таких как метки, текстовые поля, списки и т. д.
Ниже приведен пример простого Windows сформировать приложение C#. Он показывает простой экран входа в систему, доступный пользователю. Пользователь введет необходимые учетные данные, а затем нажмет кнопку «Войти», чтобы продолжить.
Итак, пример элементов управления, доступных в приведенном выше приложении.
- Это набор элементов управления-меток, которые обычно используются для описания соседних элементов управления. Итак, в нашем случае у нас есть два текстовых поля, и метки используются для того, чтобы сообщить пользователю, что одно текстовое поле предназначено для ввода имени пользователя, а другое — для пароля.
- Два текстовых поля используются для хранения имени пользователя и пароля, которые будет вводить пользователь.
- Наконец, у нас есть кнопка управления. К элементу управления «Кнопка» обычно прикрепляется некоторый код для выполнения определенного набора действий. Например, в приведенном выше случае мы могли бы заставить кнопку выполнять действие по проверке имени пользователя и пароля, которые вводятся пользователем.
C# Привет, мир
Теперь давайте посмотрим на пример того, как мы можем реализовать простое приложение «Привет, мир» в Visual Studio. Для этого нам необходимо реализовать нижеуказанные шаги.
Шаг 1) Первый шаг предполагает создание нового проекта в Visual Studio. После запуска Visual Studio, вам нужно выбрать пункт меню Создать->Проект.
Шаг 2) Следующим шагом является выбор типа проекта в качестве Windows Формы приложения. Здесь также необходимо упомянуть название и местонахождение нашего проекта.
- В диалоговом окне проекта мы видим различные варианты создания различных типов проектов в Visual Studio. Щелкните Windows вариант слева.
- Когда мы нажимаем Windows варианты на предыдущем шаге, мы сможем увидеть вариант для Windows Формы заявления. Нажмите эту опцию.
- Мы дадим имя приложению. В нашем случае это DemoApplication. Мы также предоставим место для хранения нашего приложения.
- Наконец, мы нажимаем кнопку «ОК», чтобы позволить Visual Studio создать наш проект.
Если выполнить описанные выше шаги, вы получите приведенный ниже вывод в Visual Studio.
Выход:-
Вы увидите конструктор форм, отображаемый в Visual Studio. Именно в этом конструкторе форм вы начнете строить свой Windows Формы приложения.
В обозревателе решений вы также сможете увидеть решение DemoApplication. Это решение будет содержать следующие 2 файла проекта.
- Приложение формы под названием Forms1.cs. Этот файл будет содержать весь код для Windows Оформить заявку.
- Основная программа под названием Program.cs — это файл кода по умолчанию, который создается при создании нового приложения в Visual Studio. Этот код будет содержать код запуска приложения в целом.
В левой части Visual Studio вы также увидите инструментBox. Панель инструментов содержит все элементы управления, которые можно добавить в Windows Формы. Элементы управления, такие как текстовое поле или метка, — это лишь некоторые из элементов управления, которые можно добавить в Windows Формы.
Ниже представлен снимок экрана, показывающий, как выглядит Toolbox.
Шаг 3) На этом этапе мы добавим в форму метку, на которой будет отображаться «Hello World». На панели инструментов вам нужно будет выбрать элемент управления «Метка» и просто перетащить его на форму.
Перетащив метку в форму, вы увидите ее, встроенную в форму, как показано ниже.
Шаг 4) Следующий шаг — перейти к свойствам элемента управления и изменить текст на «Hello World».
Чтобы перейти к свойствам элемента управления, вам нужно щелкнуть правой кнопкой мыши по элементу управления и выбрать пункт меню «Свойства».
- Панель свойств также отображается в Visual Studio. Итак, для элемента управления меткой в элементе управления свойствами перейдите в раздел «Текст» и введите «Hello World».
- Каждый элемент управления имеет набор свойств, описывающих элемент управления.
Если вы выполните все вышеперечисленные шаги и запустите свою программу в Visual Studio, вы получите следующий вывод
Выход:-
В выводе вы можете видеть, что Windows Форма отображается. Вы также можете увидеть, что в форме отображается надпись «Hello World».
Добавление элементов управления в форму
Мы уже видели, как добавить элемент управления в форму, когда в предыдущем разделе добавляли элемент управления меткой для отображения «Hello World».
Давайте посмотрим на другие элементы управления, доступные для Windows формы и увидеть некоторые их общие свойства.
В нашем Windows В примерах применения форм на языке C# мы создадим одну форму, которая будет иметь следующую функциональность.
- Возможность для пользователя ввести имя и адрес.
- Возможность выбора города, в котором проживает пользователь.
- Возможность для пользователя ввести вариант пола.
- Возможность выбрать курс, который хочет изучить пользователь. Будет сделан выбор как для C#, так и для ASP.Net.
Итак, давайте подробно рассмотрим каждый элемент управления и добавим их, чтобы создать форму с вышеупомянутой функциональностью.
В группе Box
Поле группы используется для логической группировки элементов управления в раздел. Давайте рассмотрим пример: у вас есть набор элементов управления для ввода таких данных, как имя и адрес человека. В идеале это данные о человеке, поэтому вам желательно разместить эти данные в отдельном разделе формы. Для этой цели вы можете создать групповой ящик. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже.
Шаг 1) Первый шаг — перетащить элемент управления Groupbox на Windows Форма из набора инструментов, как показано ниже
Шаг 2) После добавления groupbox перейдите в окно свойств, щелкнув по элементу управления groupbox. В окне свойств перейдите к свойству Text и измените его на «User Details».
После внесения вышеуказанных изменений вы увидите следующий вывод
Выход:-
В выводе вы можете ясно видеть, что Groupbox был добавлен в форму. Вы также можете видеть, что текст groupbox был изменен на «User Details».
Метка управления
Далее идет элемент управления метками. Элемент управления меткой используется для отображения текста или сообщения пользователю в форме. Элемент управления Label обычно используется вместе с другими элементами управления. Типичные примеры: метка добавляется вместе с элементом управления текстовым полем.
Метка указывает пользователю, что именно должно быть заполнено в текстовом поле. Давайте посмотрим, как мы можем это реализовать, на примере, показанном ниже. Мы добавим две метки: одна будет называться «имя», а другая — «адрес». Они будут использоваться вместе с элементами управления текстовым полем, которые будут добавлены в следующем разделе.
Шаг 1) Первый шаг — перетащить элемент управления меткой на Windows Форма из панели инструментов, как показано ниже. Убедитесь, что вы перетащили элемент управления меткой 2 раза, чтобы у вас был один для «имени», а другой для «адреса».
Шаг 2) После добавления метки перейдите в окно свойств, щелкнув элемент управления меткой. В окне свойств перейдите к свойству Text каждого элемента управления меткой.
После внесения вышеуказанных изменений вы увидите следующий вывод
Выход:-
Вы можете увидеть элементы управления метками, добавленные в форму.
Текстовое окно
Текстовое поле используется для того, чтобы позволить пользователю ввести текст на Windows приложение на C#. Давайте посмотрим, как это можно реализовать на примере, показанном ниже. Мы добавим в форму 2 текстовых поля: одно для Имени, а другое для адреса, который нужно ввести для пользователя
Шаг 1) Первый шаг — перетащить элемент управления текстовым полем на Windows Форма из набора инструментов, как показано ниже
Шаг 2) После добавления текстовых полей перейдите в окно свойств, щелкнув элемент управления текстовым полем. В окне свойств перейдите к свойству «Имя» и добавьте осмысленное имя в каждое текстовое поле. Например, назовите текстовое поле для пользователя как txtName, а для адреса — как txtAddress. Для элементов управления следует разработать соглашение об именах и стандарт, поскольку к этим элементам управления становится легче добавлять дополнительную функциональность, что мы увидим позже.
После внесения вышеуказанных изменений вы увидите следующий вывод
Выход:-
В выводе отчетливо видно, что текстовые поля были добавлены в форму.
Окно списка
Listbox используется для отображения списка элементов на Windows форма. Давайте посмотрим, как это можно реализовать на примере, показанном ниже. Мы добавим в форму список для хранения некоторых местоположений городов.
Шаг 1) Первый шаг — перетащить элемент управления списком на Windows Форма из набора инструментов, как показано ниже
Шаг 2) После добавления списка перейдите в окно свойств, щелкнув по элементу управления списком.
- Сначала измените свойство элемента управления Listbox, в нашем случае мы изменили его на lstCity.
- Нажмите на свойство Items. Это позволит вам добавлять различные элементы, которые могут отображаться в списке. В нашем случае мы выбрали элементы «коллекция».
- В появившемся Редакторе коллекции строк введите названия городов. В нашем случае мы ввели «Мумбаи», «Бангалор» и «Хайдарабад».
- Наконец, нажмите кнопку «ОК».
После внесения вышеуказанных изменений вы увидите следующий вывод
Выход:-
В выводе вы можете видеть, что Listbox был добавлен в форму. Вы также можете видеть, что listbox был заполнен значениями города.
RadioButton
Радиокнопка используется для отображения списка элементов, из которых пользователь может выбрать один. Давайте посмотрим, как мы можем это реализовать, на примере, показанном ниже. Мы добавим переключатель для мужского/женского варианта.
Шаг 1) Первый шаг — перетащить элемент управления «переключатель» на Windows Сформируйте из набора инструментов, как показано ниже.
Шаг 2) После добавления радиокнопки перейдите в окно свойств, щелкнув элемент управления Радиокнопка.
- Во-первых, вам нужно изменить свойство текста обоих элементов управления Radio. Перейдите в окна свойств и измените текст одного переключателя на мужской, а текст другого на женский.
- Аналогичным образом измените свойство имени обоих элементов управления Radio. Перейдите в окно свойств и измените имя на «rdMale» для одного переключателя и на «rdfemale» для другого.
После того, как вы внесете вышеуказанные изменения, вы увидите следующий вывод
Выход:-
Вы увидите радиокнопки, добавленные в Windows форме.
флажок
Флажок используется для предоставления списка опций, в котором пользователь может выбрать несколько вариантов. Давайте посмотрим, как это можно реализовать на примере, показанном ниже. Мы добавим 2 флажка к нашему Windows формы. Эти флажки предоставят пользователю возможность выбора, хочет ли он изучать C# или ASP.Net.
Шаг 1) Первый шаг — перетащить флажок на Windows Форма из набора инструментов, как показано ниже
Шаг 2) После добавления флажка перейдите в окно свойств, щелкнув элемент управления «Флажок».
В окне свойств
- Сначала вам нужно изменить свойство текста обоих элементов управления флажками. Перейдите в окна свойств и измените текст на C# и ASP.Net.
- Аналогично измените свойство name обоих элементов управления Radio. Перейдите в окно свойств и измените имя одного флажка на chkC, а другого — на chkASP.
После внесения вышеуказанных изменений вы увидите следующий вывод
Выход:-
Button
Кнопка используется, чтобы позволить пользователю нажать на кнопку, которая затем начнет обработку формы. Давайте посмотрим, как мы можем это реализовать, на примере, показанном ниже. Мы добавим простую кнопку «Отправить», которая будет использоваться для отправки всей информации в форме.
Шаг 1) Первый шаг — перетащить элемент управления «Кнопка» на Windows Форма из набора инструментов, как показано ниже
Шаг 2) После добавления кнопки перейдите в окно свойств, щелкнув элемент управления «Кнопка».
- Во-первых, вам нужно изменить свойство text элемента управления «Кнопка». Откройте окно свойств и измените текст на «Отправить».
- Аналогичным образом измените свойство name элемента управления. Откройте окно свойств и измените имя на «btnSubmit».
После внесения вышеуказанных изменений вы увидите следующий вывод
Выход:-
Поздравляем, теперь у вас есть первый базовый Windows Форма на месте. Давайте теперь перейдем к следующей теме, чтобы увидеть, как мы можем обрабатывать события для элементов управления.
Обработка событий C# для элементов управления
При работе с формой Windows вы можете добавлять события к элементам управления. Событие — это то, что происходит при выполнении действия. Вероятно, наиболее распространенным действием является нажатие кнопки на форме. В C# Windows Формы вы можете добавить код, который можно использовать для выполнения определенных действий при нажатии кнопки в форме.
Обычно нажатие кнопки в форме означает, что должна произойти некоторая обработка.
Давайте посмотрим на одно из событий и на то, как его можно обработать, прежде чем мы перейдем к сценарию событий кнопки.
В приведенном ниже примере показано событие для элемента управления Listbox. Поэтому всякий раз, когда элемент выбирается в элементе управления «Список», должно появиться окно сообщения, в котором отображается выбранный элемент. Давайте выполним следующие шаги, чтобы добиться этого.
Шаг 1) Double щелкните по списку в конструкторе форм. Сделав это, Visual Studio автоматически откроет файл кода для формы. И автоматически добавит метод события в код. Этот метод события будет срабатывать всякий раз, когда выбирается любой элемент в списке.
Выше приведен фрагмент кода, который автоматически добавляется Visual Studio при двойном щелчке элемента управления «Поле списка» в форме. Теперь давайте добавим приведенный ниже раздел кода к этому фрагменту кода, чтобы добавить необходимую функциональность к событию списка.
- Это метод обработчика событий, который автоматически создается Visual Studio при двойном щелчке по элементу управления List box. Вам не нужно беспокоиться о сложности имени метода или параметрах, передаваемых методу.
- Здесь мы получаем SelectedItem через свойство lstCity.SelectedItem. Помните, что lstCity — это имя нашего элемента управления Listbox. Затем мы используем метод GetItemText, чтобы получить фактическое значение выбранного элемента. Затем мы присваиваем это значение текстовой переменной.
- Наконец, мы используем СообщениеBox метод для отображения значения текстовой переменной пользователю.
После внесения вышеуказанных изменений и запуска программы в Visual Studio вы увидите следующий вывод:
Выход:-
Из вывода видно, что при выборе любого элемента из списка всплывает окно сообщения. Оно покажет выбранный элемент из списка.
Теперь давайте посмотрим на последний элемент управления — метод нажатия кнопки. Опять же, это следует той же философии. Просто дважды щелкните кнопку в конструкторе форм, и он автоматически добавит метод для обработчика событий кнопки. Тогда вам просто нужно добавить приведенный ниже код.
- Это метод обработчика событий, который автоматически создается Visual Studio при двойном щелчке по кнопке управления. Вам не нужно беспокоиться о сложности имени метода или параметрах, передаваемых методу.
- Здесь мы получаем значения, введенные в текстовое поле имени и адреса. Значения могут быть взяты из свойства text текстового поля. Затем мы присваиваем значения двум переменным, имени и адресу соответственно.
- Наконец, мы используем СообщениеBox метод для отображения значений имени и адреса пользователю.
После внесения вышеуказанных изменений и запуска программы в Visual Studio вы увидите следующий вывод:
Выход:-
- Сначала введите значение в поле имени и адреса.
- Затем нажмите кнопку «Отправить»
После нажатия кнопки «Отправить» появится окно сообщения, в котором будут корректно отображены введенные вами данные в разделе сведений о пользователе.
Дерево и картинаBox Контролировать
Есть еще два элемента управления, на которые мы можем обратить внимание: один — «Элемент управления деревом», а другой — «Элемент управления изображением». Давайте посмотрим на примеры того, как мы можем реализовать эти элементы управления.
Управление деревом
– Элемент управления деревом используется для перечисления элементов в виде дерева, например мода. Вероятно, лучший пример – это когда мы видим Windows Сам Эксплорер. Структура папок в Windows Explorer похож на древовидную структуру.
Давайте посмотрим, как мы можем это реализовать, на примере, показанном ниже.
Шаг 1) Первый шаг — перетащить элемент управления «Дерево» на Windows Форма из набора инструментов, как показано ниже
Шаг 2) Следующий шаг — начать добавлять узлы в коллекцию дерева, чтобы они могли появиться в дереве соответствующим образом. Сначала давайте выполним следующие подэтапы, чтобы добавить корневой узел в коллекцию деревьев.
- Перейдите в панель инструментов свойств для элемента управления видом дерева. Щелкните свойство узла. Это вызовет редактор TreeNode Editor
- В редакторе TreeNode нажмите кнопку «Добавить корень», чтобы добавить корневой узел в коллекцию деревьев.
- Затем измените текст корневого узла, укажите текст как корневой и нажмите кнопку «ОК». Это добавит корневой узел.
Шаг 3) Следующий шаг — начать добавлять дочерние узлы в коллекцию дерева. Давайте выполним следующие шаги, чтобы добавить дочерний корневой узел в коллекцию деревьев.
- Сначала нажмите кнопку «Добавить ребенка». Это позволит вам добавлять дочерние узлы в коллекцию Tree.
- Для каждого дочернего узла измените свойство text. Продолжайте повторять предыдущий шаг и этот шаг и добавьте еще 2 узла. В итоге у вас будет 3 узла, как показано выше, с текстом «Метка», «Кнопка» и «Флажок» соответственно.
- Нажмите на кнопку ОК
После внесения вышеуказанных изменений вы увидите следующий результат.
Выход:-
Вы сможете увидеть древовидное представление, добавленное в форму. Когда вы запускаете Windows form, вы можете развернуть корневой узел и увидеть дочерние узлы в списке.
КартинаBox Контролировать
Этот элемент управления используется для добавления изображений в Winforms C#. Давайте посмотрим, как мы можем это реализовать, на примере, показанном ниже.
Шаг 1) Первый шаг — перетащить изображениеBox управление на C# Windows Форма из набора инструментов, как показано ниже
Шаг 2) Следующий шаг — прикрепить изображение к элементу управления picture box. Это можно сделать, выполнив следующие шаги.
- Сначала щелкните свойство Image для изображения.Box контроль. Появится новое окно.
- В этом окне нажмите кнопку Import. Она будет использоваться для прикрепления изображения к элементу управления picturebox.
- Появится диалоговое окно, в котором вы сможете выбрать изображение для прикрепления к picturebox.
- Нажмите на кнопку ОК
После того, как вы внесете вышеуказанные изменения, вы увидите следующий вывод
Выход:-
Из вывода вы можете видеть, что в форме отображается изображение.
Резюме
- A Windows форма в приложении C# — это то, что работает на рабочем столе компьютера. Visual Studio Form вместе с C# можно использовать для создания Windows Формы приложения.
- Элементы управления можно добавить в Windows формы C# через панель инструментов в Visual Studio. Элементы управления, такие как метки, флажки, радиокнопки и т. д., можно добавлять в форму через панель инструментов.
- Можно также использовать расширенные элементы управления, такие как элемент управления древовидным представлением и изображение.Box контролировать.
- Обработчики событий используются для реагирования на события, генерируемые элементами управления. Наиболее распространенным является тот, который добавляется для события нажатия кнопки.
