Как открыть форму в Visual Studio 2019

Обновлено: 04.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, чтобы узнать, как это сделать.

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

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

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

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

Откройте Visual Studio.

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

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

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

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

Откройте Visual Studio.

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

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

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

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

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

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

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

(Если вы не видите всплывающую опцию "Панель инструментов", вы можете открыть ее из строки меню. Для этого выберите "Вид" > "Панель инструментов". Или нажмите Ctrl+Alt+X.)

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

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

В окне "Свойства" найдите Text, измените имя с button1 на Click this и нажмите Enter.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В окне "Свойства" найдите текст, измените имя с Button1 на Click this и нажмите Enter.

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

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

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

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

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

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

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

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

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

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

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

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

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

В этой серии из трех руководств вы создадите приложение 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 Form. Возможно, вам потребуется изменить класс запуска в Program.cs для запуска программы.

Попробуйте щелкнуть правой кнопкой мыши файл конструктора и посмотреть, сможете ли вы найти конструктор в списке параметров "Открыть с помощью".

@ThomasWeller Если это так, то, вероятно, было бы проще воссоздать исходный проект, поскольку до сих пор мало что было сделано. Я сделаю это и обновлю, если проблемы не исчезнут.

10 ответов 10

Вы находитесь в режиме просмотра папок.

Перейти к представлению "Решение (проект)".

Этот значок в верхней части обозревателя решений.

При нажатии на значок пишет, что решение не найдено. В проводнике нет файла .sln, хотя есть файл .csproj. Нажатие на него не приводит к другим результатам.

Та же проблема возникает при размещении другого класса перед классом формы (в данном случае моего класса ImageContainer).

Просто переместив внутренний класс ImageContainer после общедоступного частичного класса Form1 : Form < >дизайнер перетаскивания VS2019 мог загрузить мой класс Form1.

Кроме того, символ в обозревателе решений снова стал значком диалогового окна.

Должно быть, связи между файлами каким-то образом нарушились. Вы можете вручную отредактировать файл .csproj и исправить его. Найдите форму1. У вас должны быть записи для каждого файла, которые выглядят примерно так:

Обратите внимание на SubType и DependentUpon. Это важные части.

В моем случае щелкните правой кнопкой мыши Form1.cs (с правильным значком формы) и выберите "Просмотр дизайнера", по-прежнему отображающий код.

Чтобы проверить тип проекта, см. этот ответ.

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