Как создать свое первое приложение Windows Forms (Winforms) в Visual Studio

Windows Forms — это платформа, доступная в Visual Studio, которая позволяет создавать настольные приложения с помощью графического пользовательского интерфейса. Это позволяет вам щелкать и перетаскивать виджеты, такие как кнопки или метки, прямо на холст и управлять свойствами каждого виджета, такими как размер шрифта, цвет или граница.

В этой статье простой конвертер градусов Цельсия в градусы Фаренгейта будет использоваться в качестве примера для изучения основ настройки приложения Windows Form. В этом руководстве используется Visual Studio 2019 Community Edition.

Как создать проект Windows Forms в Visual Studio

Сначала создайте проект в Visual Studio.

1. Откройте Visual Studio и выберите Создать новый проект.
2. Visual Studio предоставит вам список шаблонов проектов, из которых вы можете выбрать.
3. Чтобы создать приложение Windows Forms, найдите Приложение формы Windows и выберите его из списка шаблонов. Как только это будет выбрано, нажмите на Следующий.

   Если Приложение формы Windows опция отсутствует в списке,

   instagram viewer

   изменить установленную версию Visual Studio. В установщике Visual Studio добавьте рабочую нагрузку разработки .NET для настольных компьютеров и мобильных устройств и повторно запустите Visual Studio.

4. Добавьте имя и местоположение для проекта и нажмите Следующий. Расположение — это каталог, в котором будут храниться файлы кода.
5. На следующем экране сохраните выбор по умолчанию .NET Core 3.1.
6. Нажмите Создавать.
7. Когда Visual Studio завершит создание проекта, он откроется.

Как добавить элементы на холст проекта

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

Чтобы создать пользовательский интерфейс приложения, добавьте на холст такие виджеты, как кнопки или текстовые поля.

1. Открыть Вкладка «Просмотр» в верхней части окна и выберите Ящик для инструментов.
2. Это добавит панель инструментов в левую часть приложения. Выберите значок булавки в правом верхнем углу панели инструментов, чтобы закрепить его там навсегда.
3. Здесь вы можете перетащить любой виджет из панели инструментов на холст. Выделите кнопку на панели инструментов и перетащите ее на холст.
4. Перетащите на холст еще два текстовых поля вместе с тремя метками (две метки для каждого текстового поля и одна метка для заголовка в верхней части приложения).
5. Каждый виджет на холсте имеет связанные с ним свойства. Выделите виджет, чтобы отобразить Характеристики окно в правом нижнем углу Visual Studio, в котором перечислены все свойства этого виджета. Эти свойства могут включать текст, имя, размер шрифта, границу или выравнивание выделенного виджета.
6. На данный момент текст на этих виджетах все еще говорит метка1, метка2, или кнопка1. Выберите метка1 виджет и редактировать Текст свойство в окне свойств, чтобы сказать «Цельсий в Фаренгейт». Измените размер шрифта на 22pt.
7. Аналогичным образом отредактируйте свойства других виджетов на холсте, чтобы они были следующими:

   Виджет	Имущество	Новое значение
   метка2	Текст	Цельсия
   этикетка3	Текст	по Фаренгейту
   кнопка	Текст	Рассчитать
   Текстовое поле Фаренгейта	Только для чтения	Истинный

Как обрабатывать события и писать код в коде программной части

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

C# — это язык, используемый при создании Windows Forms. Если вы еще не использовали C#, есть много практических причин для изучения программирования на C#.

Для этого конкретного приложения добавьте событие в Рассчитать кнопку, чтобы инициировать выполнение части кода при нажатии этой кнопки.

1. Дважды щелкните Рассчитать Кнопка для автоматического открытия Form1.cs с новым методом Event:

   private void calculateButton_Click (отправитель объекта, EventArgs e)

2. Здесь вы добавите код, который будет выполнять расчет градусов Цельсия по Фаренгейту и отображать результат в текстовом поле Фаренгейта. Для этого вам нужно иметь возможность прочитать значение из текстового поля Цельсия и изменить текстовое поле Фаренгейта, чтобы отобразить результат.
3. Вернитесь на холст и повторно отредактируйте свойства, как показано ранее. На этот раз отредактируйте Имя свойство для текстовых полей Цельсия и Фаренгейта. Эти имена можно использовать для ссылки на текстовые поля в коде.

   Виджет	Имущество	Новое значение
   Текстовое поле Цельсия	Имя	ЦельсияTextBox
   Текстовое поле Фаренгейта	Имя	по ФаренгейтуTextBox

4. Вернитесь к функции calculateButton_Click в Form1.cs.
5. Теперь на текстовое поле Celsius можно ссылаться в коде, используя имя «celsiusTextBox». Введенное пользователем значение Цельсия сохраняется в его свойстве Text. Однако, поскольку это строка, разберите ее на двойную, чтобы включить ее в будущие расчеты по Фаренгейту.

   private void calculateButton_Click (отправитель объекта, EventArgs e)
   {
    // Получить значение, которое пользователь ввел в текстовое поле Цельсия
    двойное значение по Цельсию = двойное. Разобрать (celsiusTextBox. Текст);
   }

6. Переменная celsiusValue теперь хранит значение, введенное пользователем в текстовом поле Celsius. Формула перевода градусов Цельсия в градусы Фаренгейта выглядит так: (значение Цельсия * 9/5) + 32. Таким образом, результат теперь можно рассчитать и сохранить в текстовом поле Фаренгейта.

   private void calculateButton_Click (отправитель объекта, EventArgs e)
   {
    // Получить значение, которое пользователь ввел в текстовое поле Цельсия
    двойное значение по Цельсию = двойное. Разобрать (celsiusTextBox. Текст);
    // Применяем расчет
    двойной результат = (celsiusValue * 9/5) + 32;
    // Сохраняем результат в текстовом поле Фаренгейта
    Текстовое поле по Фаренгейту. Текст = результат. Нанизывать();
   }

Как запускать и отлаживать программу Windows Forms

Запуск программы Windows Forms в Visual Studio

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

1. Чтобы запустить программу, выберите зеленую стрелку вверху панели инструментов в Visual Studio.
2. После загрузки проекта добавьте значение в текстовое поле Цельсия и нажмите кнопку Рассчитать кнопка. Это добавит результат в текстовое поле по Фаренгейту.
3. Если программа размыта во время выполнения, вероятно, ваше приложение не поддерживает DPI. Это может вызвать проблемы с масштабированием и разрешением, поэтому его необходимо включить. Вы также можете прочитать больше о настройка масштабирования дисплея в Windows 10 для мониторов с высоким разрешением.
4. Щелкните правой кнопкой мыши на Проект преобразователя температуры в Обозреватель решений. Выбирать Добавлять, затем выберите Новый предмет.
5. Найдите файл манифеста приложения и нажмите Добавлять.
6. Скопируйте следующий код в новый файл app.manifest как дочерний элемент тега сборки (если код уже сгенерирован, просто раскомментируйте его).

   
   
   истинный
   истинный
   
   

7. Чтобы это изменение вступило в силу, перезапустите программу. Нажмите красную кнопку остановки в верхней части панели инструментов, затем снова нажмите зеленую кнопку воспроизведения.

Отладка программы Windows Forms

Вы можете отладить программу, если логика вашего приложения Windows Forms не работает должным образом.

1. Вернитесь к функции calculateButton_Click в Form1.cs и щелкните в любом месте серой полосы в крайнем левом углу экрана. Это добавит точку останова, которая обозначена красным кружком.
2. Нажмите кнопку «Рассчитать» еще раз, чтобы запустить этот метод. Программа приостановится, когда достигнет точки останова, чтобы показать все значения, хранящиеся в переменных в этой точке.
3. Для продолжения программы нажмите зеленый Продолжать стрелка в верхней части панели инструментов.

Запуск программы с помощью исполняемого файла

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

1. Перейдите к исполняемому файлу, который можно найти здесь:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Нажмите на исполняемый файл, чтобы запустить программу напрямую.

Добавление дополнительных элементов в форму Windows

Надеюсь, теперь у вас есть общее представление об основной структуре приложения Windows Form. Вы можете продолжить изучение дополнительных функций Windows Forms, экспериментируя с новыми виджетами и углубляясь в другие различные события, которые можно обрабатывать.

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

Об авторе