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

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

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

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

Windows Основы форм

A Windows Приложение форм — это приложение, которое запускается на настольном компьютере. А Windows Приложение форм обычно имеет набор элементов управления, таких как метки, текстboxес, список boxes и др.

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

Windows Основы форм

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

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

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

Теперь давайте посмотрим на пример того, как мы можем реализовать простое приложение «Hello World» в Visual Studio. Для этого нам необходимо реализовать нижеуказанные шаги.

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

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

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

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

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

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

Выход:-

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

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

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

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

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

На левой стороне Visual Studio, вы также увидите ИнструментBox, Инструментbox содержит все элементы управления, которые можно добавить в Windows Формы. Элементы управления как текст box или метка — это лишь некоторые элементы управления, которые можно добавить к Windows Формы.

Ниже приведен скриншот того, как инструментbox выглядит как.

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

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

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

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

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

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

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

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

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

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

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

Выход:-

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

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

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

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

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

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

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

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

группы Box

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

Шаг 1) Первый шаг — перетащить группуbox контроль над Windows Форма из инструментаbox как показано ниже

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

Шаг 2) Как только группаbox добавлена, перейдите в окно свойств, нажав на группуbox контроль. В окне свойств перейдите к свойству «Текст» и измените его на «User De».tails».

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

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

Выход:-

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

В выводе вы можете ясно видеть, что группаbox был добавлен в форму. Вы также можете видеть, что текст группыbox было изменено на «Пользователь Details".

Метка управления

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

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

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

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

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

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

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

Выход:-

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

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

Текстbox

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

Шаг 1) Первый шаг — перетащить текстbox контроль над Windows Форма из инструментаbox как показано ниже

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

Шаг 2) Как только текст boxдобавлены, перейдите в окно свойств, нажав на текстbox контроль. В окне свойств перейдите к свойству Имя и добавьте осмысленное имя к каждому тексту.box. Например, назовите текстbox для пользователя — txtName, а для адреса — txtAddress. Для элементов управления необходимо разработать соглашение об именах и стандарт, поскольку к этим элементам управления становится проще добавлять дополнительную функциональность, что мы и увидим. later о.

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

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

Выход:-

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

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

Список box

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

Шаг 1) Первый шаг — перетащить список box контроль над Windows Форма из инструментаbox как показано ниже

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

Шаг 2) Как только список box добавлен, перейдите в окно свойств, нажав на список box контролировать.

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

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

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

Выход:-

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

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

RadioButton

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

Шаг 1) Первый шаг — перетащить элемент управления «переключатель» на Windows Форма из инструментаbox как показано ниже.

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

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

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

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

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

Выход:-

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

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

Проверьтеbox

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

Шаг 1) Первый шаг — перетащить чекbox контроль над Windows Форма из инструментаbox как показано ниже

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

Шаг 2) Как только чекbox добавлен, перейдите в окно свойств, нажав на кнопку Проверитьbox контролировать.

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

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

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

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

Выход:-

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

Button

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

Шаг 1) Первый шаг — перетащить элемент управления «Кнопка» на Windows Форма из инструментаbox как показано ниже

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

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

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

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

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

Выход:-

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

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

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

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

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

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

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

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

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

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

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

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

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

Выход:-

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

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

Теперь давайте посмотрим на последний элемент управления — метод нажатия кнопки. Опять же, это следует за тем же philoСофи. Только double нажмите кнопку в конструкторе форм, и он автоматически добавит метод для обработчика событий кнопки. Тогда вам просто нужно добавить приведенный ниже код.

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

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

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

Выход:-

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

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

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

Дерево и картинаBox Control

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

Управление деревом

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

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

Шаг 1) Первый шаг — перетащить элемент управления «Дерево» на Windows Форма из инструментаbox как показано ниже

Дерево и картинаBox Control

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

Дерево и картинаBox Control

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

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

Дерево и картинаBox Control

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

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

Выход:-

Дерево и картинаBox Control

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

КартинаBox Control

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

Шаг 1) Первый шаг — перетащить изображениеBox управление на C# Windows Форма из инструментаbox как показано ниже

Дерево и картинаBox Control

Шаг 2) Следующий шаг — прикрепить изображение к картинке. box контроль. Это можно сделать следующим образомwing следующие шаги.

Дерево и картинаBox Control

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

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

Выход:-

Дерево и картинаBox Control

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

Итоги

  • A Windows Форма в приложении C# — это форма, которая запускается на рабочем столе компьютера. Visual Studio Form вместе с C# можно использовать для создания Windows Формы приложения.
  • Элементы управления можно добавить в Windows формирует C# через инструментbox in Visual Studio. Элементы управления, такие как метки, проверьтеboxes, переключатели и т. д. можно добавить в форму с помощью инструментаbox.
  • Можно также использовать расширенные элементы управления, такие как элемент управления древовидным представлением и изображение.Box контролировать.
  • Обработчики событий используются для реагирования на события, генерируемые элементами управления. Наиболее распространенным является тот, который добавляется для события нажатия кнопки.