Создание приложения Windows Forms на C# в Visual Studio

  • Статья

В этом руководстве вы создадите простое приложение C# с пользовательским интерфейсом на основе Windows.

Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio, если еще не сделали этого.

Примечание.

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

Установите Visual Studio бесплатно со страницы скачиваемых материалов Visual Studio 2022, если еще не сделали этого.

Создание проекта

Сначала вы создадите проект приложения на C#. Для этого типа проекта уже имеются все нужные файлы шаблонов, что избавляет вас от лишней работы.

  1. Откройте Visual Studio.

  2. На начальном экране выберите Создать проект.

    View the 'Create a new project' window

  3. В окне Создать проект выберите шаблон Приложение Windows Forms (.NET Framework) для C#.

    (Если вы предпочитаете, вы можете уточнить поиск, чтобы быстро получить нужный шаблон. Например, введите или введите приложение Windows Forms в поле поиска. Затем выберите C# в списке языков и выберите Windows в списке платформ.)

    Choose the C# template for the Windows Forms App (.NET Framework)

    Примечание.

    Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов.

    The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create new project' window

    После этого в Visual Studio Installer выберите рабочую нагрузку Разработка классических приложений .NET.

    .NET Core workload in the Visual Studio Installer

    Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы; в таком случае сделайте это. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.

  4. В поле Имя проекта окна Настроить новый проект введите HelloWorld. Затем нажмите Создать.

    in the 'Configure your new project' window, name your project 'HelloWorld'

    Новый проект открывается в Visual Studio.

  1. Откройте Visual Studio.

  2. В окне запуска выберите Создание нового проекта.

    Screenshot to show the Create a new project window.

  3. В окне Создание проекта выберите шаблон Приложение Windows Forms (.NET Framework) для C#.

    (Если вы предпочитаете, вы можете уточнить поиск, чтобы быстро получить нужный шаблон. Например, введите или введите приложение Windows Forms в поле поиска. Затем выберите C# в списке языков , а затем выберите Windows в списке платформ .)

    Screenshot to select the C# template for the Windows Forms App (.NET Framework).

    Примечание.

    Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов.

    Screenshot to show the The 'Install more tools and features' link from the 'Not finding what you're looking for' message in the 'Create a new project' window.

    После этого выберите рабочую нагрузку Разработка классических приложений .NET в Visual Studio Installer.

    Screenshot to show the .NET Core workload in the Visual Studio Installer.

    Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы; в таком случае сделайте это. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.

  4. В поле Имя проекта окна Настроить новый проект введите HelloWorld. Затем выберите Создать.

    Screenshot to show the 'Configure your new project' window and name your project 'HelloWorld'.

    Новый проект открывается в Visual Studio.

Создание приложения

Когда вы выберете шаблон проекта C# и зададите имя файла, Visual Studio открывает форму. Форма является пользовательским интерфейсом Windows. Мы создадим приложение Hello World, добавив элементы управления на форму, а затем запустим его.

Добавление кнопки на форму

  1. Выберите Панель элементов, чтобы открыть всплывающее окно "Панель элементов".

    Screenshot to select the Toolbox to open the Toolbox window.

    (Если вы не видите Флажок всплывающего меню панели элементов можно открыть в строке меню. Для этого просмотрите>панель элементов. Или нажмите клавиши CTRL+ALT+X.)

  2. Разверните общие элементы управления и выберите значок "Закрепить", чтобы закрепить окно панели элементов.

    Screenshot to select the Pin icon to pin the Toolbox window to the IDE.

  3. Выберите элемент управления Кнопка и перетащите его на форму.

    Screenshot to add a button to the form.

  4. В окне Свойства найдите Текст, измените имя с button1 на Click this и нажмите клавишу ВВОД.

    Screenshot to add text to the button on the form by using the Properties window.

    (Если вы не видите Окно свойств можно открыть в строке меню. Для этого выберите окно "Просмотр>свойств". Или нажмите клавишу F4.)

  5. В разделе Конструктор окна Свойства измените имя с button1 на btnClickThis и нажмите клавишу ВВОД.

    Screenshot to add a function to the button on the form by using the Properties window.

    Примечание.

    Если список в окне Свойства был упорядочен по алфавиту, button1 появится в разделе Привязки данных.

Добавление метки на форму

Теперь, когда мы добавили элемент управления ''Кнопка'' для создания действия, давайте добавим элемент управления "Метка", куда можно отправлять текст.

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

  2. В разделе Конструктор или Привязки данных окна Свойства измените имя label1 на lblHelloWorld и нажмите клавишу ВВОД.

Добавление кода на форму

  1. В окне Form1.cs [Конструктор] дважды щелкните эту кнопку, чтобы открыть окно Form1.cs.

    (Кроме того, можно развернуть узел Form1.cs в обозревателе решений, а затем выбрать Form1.)

  2. В окне Form1.cs после строки private void введите lblHelloWorld.Text = "Hello World!";, как показано на следующем снимке экрана:

    Screenshot to add code to the form

Выполнение приложения

  1. Нажмите кнопку Запустить, чтобы запустить приложение.

    Screenshot to select Start to debug and run the app.

    Будет выполнено несколько операций. В интегрированной среде разработки Visual Studio откроются окна Средства диагностики и Вывод. Кроме того, вне этой среды откроется диалоговое окно Form1. Оно будет содержать вашу кнопку Нажмите это и текст label1.

  2. Нажмите кнопку Нажмите это в диалоговом окне Form1. Обратите внимание, что текст label1 меняется на Hello World!.

    Screenshot to show a Form1 dialog box that includes label1 text.

  3. Закройте диалоговое окно Form1, чтобы завершить работу приложения.

Создание приложения

Когда вы выберете шаблон проекта C# и зададите имя файла, Visual Studio открывает форму. Форма является пользовательским интерфейсом Windows. Мы создадим приложение Hello World, добавив элементы управления на форму, а затем запустим его.

Добавление кнопки на форму

  1. Щелкните Панель элементов, чтобы открыть всплывающее окно "Панель элементов".

    Choose the Toolbox to open the Toolbox window

    (Если вы не видите Флажок всплывающего меню панели элементов можно открыть в строке меню. Для этого просмотрите>панель элементов. Или нажмите клавиши CTRL+ALT+X.)

  2. Щелкните значок Закрепить, чтобы закрепить окно Панель элементов.

    Choose the Pin icon to pin the Toolbox window to the IDE

  3. Выберите элемент управления Кнопка и перетащите его на форму.

    Add a button to the form

  4. В окне Свойства найдите элементТекст, измените имя с Button1 на Click this, а затем нажмите клавишу ВВОД.

    Add text to the button on the form

    (Если вы не видите Окно свойств можно открыть в строке меню. Для этого выберите окно "Просмотр>свойств". Или нажмите клавишу F4.)

  5. В разделе Проектирование окна Свойства измените имя с Button1 на btnClickThis, а затем нажмите клавишу ВВОД.

    Add a function to the button on the form

    Примечание.

    Если список был упорядочен по алфавиту в окне Свойства, Button1 появится в разделе (DataBindings).

Добавление метки на форму

Теперь, когда мы добавили элемент управления ''Кнопка'' для создания действия, давайте добавим элемент управления "Метка", куда можно отправлять текст.

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

  2. В разделе Проект или (DataBindings) окна Свойства измените имя Label1 на lblHelloWorld и нажмите клавишу ВВОД.

Добавление кода на форму

  1. В окне Form1.cs [Конструктор] дважды щелкните эту кнопку, чтобы открыть окно Form1.cs.

    (Кроме того, можно развернуть Form1.cs в Обозреватель решений, а затем выберите команду View Code (или нажмите клавишу F7) в меню правой кнопкой мыши в Form1.cs.)

  2. В окне Form1.cs после строки private void введите lblHelloWorld.Text = "Hello World!";, как показано на следующем снимке экрана:

    Add code to the form

Выполнение приложения

  1. Нажмите кнопку Запустить, чтобы запустить приложение.

    Choose Start to debug and run the app

    Будет выполнено несколько операций. В интегрированной среде разработки Visual Studio откроются окна Средства диагностики и Вывод. Кроме того, вне этой среды откроется диалоговое окно Form1. Оно будет содержать вашу кнопку Нажмите это и текст Label1.

  2. Нажмите кнопку Нажмите это в диалоговом окне Form1. Обратите внимание, что текст Label1 меняется на Hello World!.

    A Form1 dialog box that includes Label1 text

  3. Закройте диалоговое окно Form1, чтобы завершить работу приложения.

Следующие шаги

Поздравляем с завершением этого учебника! Для получения дополнительных сведений перейдите к следующему руководству:

Руководство. Создание средства просмотра рисунков

См. также