Как создать форму в Visual Studio 2019 c

Обновлено: 05.07.2024

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

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

Создать проект
Добавить кнопку в форму
Добавить ярлык и код
Запустите приложение

Предпосылки

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

Создать проект

Создайте проект приложения Visual Basic. Тип проекта поставляется со всеми файлами шаблонов, которые вам понадобятся, еще до того, как вы что-либо добавили.

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

В верхнем меню выберите «Файл» > «Создать» > «Проект».

Вы можете уточнить параметры поиска, чтобы быстро найти нужный шаблон. Например, введите Приложение Windows Forms в поле поиска. Затем выберите Visual Basic из списка языков, а затем Windows из списка платформ.

HelloWorld в качестве имени проекта. Затем выберите Создать.

Visual Studio открывает ваш новый проект.

Откройте Visual Studio.

В стартовом окне выберите Создать новый проект.

HelloWorld в качестве имени проекта. Затем выберите Создать.

Visual Studio открывает ваш новый проект.

Добавить кнопку в форму

После того как вы выберете шаблон проекта Visual Basic и назовете файл, Visual Studio откроет для вас форму. Форма — это пользовательский интерфейс Windows. Вы создадите приложение "Hello World", добавив в форму элементы управления.

В левой части интегрированной среды разработки Visual Studio выберите вкладку Панель инструментов. Если вы его не видите, выберите «Просмотр» > «Панель инструментов» в строке меню или Ctrl+Alt+X.

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

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

В разделе "Внешний вид" окна "Свойства" в поле "Текст" введите Щелкните это и нажмите клавишу ВВОД.

Если вы не видите окно свойств, вы можете открыть его из строки меню. Выберите Вид > Окно свойств или нажмите F4.

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

Если вы расположили список в алфавитном порядке в окне свойств, Button1 вместо этого появится в разделе (DataBindings).

Добавить ярлык и код

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

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

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

В окне Form1.vb [Дизайн] дважды нажмите кнопку Нажмите эту кнопку, чтобы открыть окно Form1.vb.

Еще один вариант — развернуть файл Form1.vb в обозревателе решений, а затем выбрать Form1.

В окне Form1.vb между строками Private Sub и End Sub введите lblHelloWorld.Text = "Hello World!", как показано на следующем снимке экрана:

Запустите приложение

Ваше приложение готово к сборке и запуску.

Выберите «Пуск», чтобы запустить приложение.

Происходит несколько вещей. В интегрированной среде разработки Visual Studio открывается окно средств диагностики и окно вывода. За пределами IDE появляется диалоговое окно Form1. Он включает в себя кнопку «Нажмите эту кнопку» и текст с надписью Label1.

Нажмите кнопку Нажмите эту кнопку в диалоговом окне Form1.

Текст Label1 изменится на Hello World!.

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

Добавить новую форму

Добавить новую форму с помощью Visual Studio.

В Visual Studio найдите панель Project Explorer. Щелкните проект правой кнопкой мыши и выберите "Добавить" > "Форма" (Windows Forms).

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

После добавления формы Visual Studio открывает конструктор форм для формы.

Добавить ссылку на проект в форму

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

Формы состоят из двух файлов с одинаковыми именами: form2.cs (form2 является примером имени файла) и form2.Designer. .cs. Иногда существует файл ресурсов с тем же именем, form2.resx. В предыдущем примере form2 представляет базовое имя файла.Вы захотите скопировать все связанные файлы в папку проекта.

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

В Visual Studio найдите панель Project Explorer. Щелкните проект правой кнопкой мыши и выберите "Добавить" > "Существующий элемент".

В этой серии из трех руководств вы создадите приложение Windows Forms, которое загружает изображение и отображает его. Интегрированная среда разработки (IDE) Visual Studio предоставляет инструменты, необходимые для создания приложения. Дополнительные сведения см. в разделе Добро пожаловать в интегрированную среду разработки Visual Studio.

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

Создайте проект Visual Studio, использующий Windows Forms
Добавить элемент макета
Запустите приложение

Предпосылки

Создайте свой проект Windows Forms

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

Откройте Visual Studio.

В строке меню выберите "Файл" > "Создать" > "Проект".

Дополнительную информацию см. на странице "Установка Visual Studio".

Откройте Visual Studio.

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

В окне "Создать новый проект" найдите Windows Forms. Затем выберите «Рабочий стол» в списке «Тип проекта».

Выберите «Изменить» в установщике Visual Studio. Вам может быть предложено сохранить вашу работу. Затем выберите Продолжить, чтобы установить рабочую нагрузку.

В окне "Настройка нового проекта" назовите проект PictureViewer, затем выберите "Создать".

Откройте Visual Studio.

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

В окне "Создать новый проект" найдите Windows Forms. Затем выберите «Рабочий стол» в списке «Тип проекта».

В окне "Настройка нового проекта" назовите проект PictureViewer, затем выберите "Создать".

Visual Studio создает решение для вашего приложения. Решение — это контейнер для всех проектов и файлов, необходимых вашему приложению.

В этот момент Visual Studio отображает пустую форму в конструкторе форм Windows.

Добавить элемент макета

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

Выберите любое место в Form1.

В окне "Свойства" теперь отображаются свойства формы. Окно свойств обычно находится в правом нижнем углу Visual Studio. Этот раздел управляет различными свойствами, такими как цвет переднего плана и фона, текст заголовка, который отображается в верхней части формы, и размер формы.

Если вы не видите Свойства, выберите Вид > Окно свойств.

Найдите свойство Text в окне свойств. В зависимости от того, как отсортирован список, может потребоваться прокрутка вниз. Введите значение Просмотр изображений и нажмите Enter.

Теперь в строке заголовка вашей формы отображается текст Picture Viewer.

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

Снова выберите форму. Выберите нижний правый маркер перетаскивания формы. Ручка представляет собой небольшой белый квадрат в правом нижнем углу формы.

Перетащите маркер, чтобы изменить размер формы, чтобы она стала шире и немного выше. Если вы посмотрите на окно «Свойства», свойство «Размер» изменилось. Вы также можете изменить размер формы, изменив свойство Size.

Нажмите на значок маленького треугольника рядом с пунктом "Контейнеры", чтобы открыть группу.

Дважды щелкните TableLayoutPanel на панели инструментов. Вы также можете перетащить элемент управления из панели инструментов на форму. В вашей форме появится элемент управления TableLayoutPanel.

Если после добавления панели TableLayoutPanel внутри формы появится окно с заголовком Задачи TableLayoutPanel, щелкните в любом месте формы, чтобы закрыть его.

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

Выбрав TableLayoutPanel, найдите свойство Dock со значением None. Щелкните стрелку раскрывающегося списка, а затем выберите "Заполнить" – это большая кнопка в центре раскрывающегося меню.

Пристыковка означает, как окно прикрепляется к другому окну или области.

Теперь TableLayoutPanel заполняет всю форму. Если вы снова измените размер формы, TableLayoutPanel останется закрепленным и изменит свой размер в соответствии с размерами.

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

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

Выберите «Редактировать строки и столбцы», чтобы отобразить диалоговое окно «Стили столбцов и строк».

Выберите Column1 и установите его размер на 15 процентов. Убедитесь, что выбрана кнопка «Процент».

Выберите Column2 и установите его на 85 процентов.

В меню "Показать" в верхней части диалогового окна "Стили столбцов и строк" выберите "Строки". Установите Row1 на 90 процентов и Row2 на 10 процентов. Нажмите OK, чтобы сохранить изменения.

Ваш TableLayoutPanel теперь имеет большую верхнюю строку, маленькую нижнюю строку, маленький левый столбец и большой правый столбец.

Ваш макет готов.

Перед запуском приложения сохраните его, нажав кнопку "Сохранить все" на панели инструментов. Кроме того, чтобы сохранить приложение, выберите «Файл» > «Сохранить все» в строке меню или нажмите Ctrl+Shift+S. Рекомендуется сохранять как можно раньше и чаще.

Запустите приложение

При создании проекта приложения Windows Forms создается работающая программа. На этом этапе ваше приложение Picture Viewer мало что делает. На данный момент отображается пустое окно, в строке заголовка которого отображается средство просмотра изображений.

Чтобы запустить приложение, выполните следующие действия.

Используйте один из следующих методов:

Нажмите клавишу F5.
В строке меню выберите "Отладка" > "Начать отладку".
На панели инструментов нажмите кнопку "Пуск".

Visual Studio запускает ваше приложение. Появится окно с заголовком Picture Viewer.

Посмотрите на панель инструментов Visual Studio IDE. При запуске приложения на панели инструментов появляется больше кнопок. Эти кнопки позволяют выполнять такие действия, как остановка и запуск приложения, а также помогают отслеживать любые ошибки.

Остановите приложение одним из следующих способов:

На панели инструментов нажмите кнопку "Остановить отладку".
В строке меню выберите "Отладка" > "Остановить отладку".
На клавиатуре нажмите Shift+F5.
Выберите X в верхнем углу окна средства просмотра изображений.

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

Дальнейшие шаги

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

В этом кратком руководстве мы создадим преобразователь градусов Фаренгейта в градусы Цельсия с помощью приложения Windows Forms, написанного на C++. В этом руководстве предполагается, что у вас установлена Microsoft Visual Studio (все версии 2008 или 2010 должны работать — прокрутите вниз, чтобы получить советы по работе с Visual Studio 2012, 2013 или 2015).

1) Запустите Visual Studio

2) Откройте меню "Файл" и выберите "Новый проект".

3) Откройте папку Visual C++ (она может находиться в папке «Другие языки») с левой стороны. Выберите категорию CLR в Visual C++, а затем выделите «Приложение Windows Forms» справа

4) Дайте новому приложению имя: FtoC

Visual Studio 2012

Visual Studio 2010

5) Нажмите кнопку OK, чтобы создать новую пустую форму Form1.

В этот момент будет создано новое приложение Windows Forms, и появится новая пустая форма.

Добавление шаблонов проектов Forms в Visual Studio 2012

Создание приложения Forms в Visual Studio 2013 и 2015

Если вы работаете с Visual Studio 2013 или Visual Studio 2015, вам потребуется вручную добавить форму в приложение CLR.
По этой ссылке есть несколько шагов, которые можно обобщить следующим образом:

Создайте новый проект. Выберите папку Visual C++, затем CLR и, наконец, выберите Пустой проект CLR.
Дайте новому приложению имя: FtoC и нажмите OK.
Раскройте меню «Проект» и выберите «Добавить новый элемент». Выберите папку пользовательского интерфейса слева, а затем выберите Windows Form справа. Назовите форму Form1.h и нажмите кнопку "Добавить".
В обозревателе решений щелкните правой кнопкой мыши файл Form1.cpp и выберите Просмотреть код.
Добавьте следующий код в файл Form1.cpp и сохраните его:

Примечание. Если вы создали проект под другим именем, вам потребуется изменить пространство имен, чтобы оно соответствовало основному пространству имен вашего проекта. Например, если вы только что создали проект с именем MyCalculator, измените строку:

чтобы оно соответствовало имени пространства имен:

Напоминание: если вы добавили форму с именем «MyForm» (вместо Form1), вам потребуется изменить остальные инструкции в этом руководстве.

Читайте также: