Как создать окно в c visual studio

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

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

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

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

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

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

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

1. Откройте Visual Studio.
2. На начальном экране выберите Создать проект.
3. В окне Создать проект выберите шаблон Приложение Windows Forms (.NET Framework) для C#. (Если вы предпочитаете, вы можете уточнить поиск, чтобы быстро получить нужный шаблон. Например, введите или введите приложение Windows Forms в поле поиска. Затем выберите C# в списке языков и выберите Windows в списке платформ.)

Примечание. Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов. После этого в Visual Studio Installer выберите рабочую нагрузку Разработка классических приложений .NET. Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы; в таком случае сделайте это. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.

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

1. Откройте Visual Studio.
2. В окне запуска выберите Создание нового проекта.
3. В окне Создание проекта выберите шаблон Приложение Windows Forms (.NET Framework) для C#. (Если вы предпочитаете, вы можете уточнить поиск, чтобы быстро получить нужный шаблон. Например, введите или введите приложение Windows Forms в поле поиска. Затем выберите C# в списке языков , а затем выберите Windows в списке платформ .)

Примечание. Если шаблон Приложение Windows Forms (.NET Framework) отсутствует, его можно установить из окна Создание проекта. В сообщении Не нашли то, что искали? выберите ссылку Установка других средств и компонентов. После этого выберите рабочую нагрузку Разработка классических приложений .NET в Visual Studio Installer. Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы; в таком случае сделайте это. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.

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

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

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

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

1. Выберите Панель элементов, чтобы открыть всплывающее окно «Панель элементов». (Если вы не видите Флажок всплывающего меню панели элементов можно открыть в строке меню. Для этого просмотрите >панель элементов. Или нажмите клавиши CTRL+ALT+X.)
2. Разверните общие элементы управления и выберите значок «Закрепить«, чтобы закрепить окно панели элементов.
3. Выберите элемент управления Кнопка и перетащите его на форму.
4. В окне Свойства найдите Текст, измените имя с button1 на Click this и нажмите клавишу ВВОД. (Если вы не видите Окно свойств можно открыть в строке меню. Для этого выберите окно «Просмотр>свойств». Или нажмите клавишу F4.)
5. В разделе Конструктор окна Свойства измените имя с button1 на btnClickThis и нажмите клавишу ВВОД.

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

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

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

1. Выберите элемент управления Метка в окне Панель элементов, а затем перетащите его на форму и расположите под кнопкой Нажмите это.
2. В разделе Конструктор или Привязки данных окна Свойства измените имя label1 на lblHelloWorld и нажмите клавишу ВВОД.

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

1. В окне Form1.cs [Конструктор] дважды щелкните эту кнопку, чтобы открыть окно Form1.cs. (Кроме того, можно развернуть узел Form1.cs в обозревателе решений, а затем выбрать Form1.)
2. В окне Form1.cs после строки private void введите lblHelloWorld.Text = «Hello World!»; , как показано на следующем снимке экрана:

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

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

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

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

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

1. Щелкните Панель элементов, чтобы открыть всплывающее окно «Панель элементов». (Если вы не видите Флажок всплывающего меню панели элементов можно открыть в строке меню. Для этого просмотрите >панель элементов. Или нажмите клавиши CTRL+ALT+X.)
2. Щелкните значок Закрепить, чтобы закрепить окно Панель элементов.
3. Выберите элемент управления Кнопка и перетащите его на форму.
4. В окне Свойства найдите элементТекст, измените имя с Button1 на Click this , а затем нажмите клавишу ВВОД. (Если вы не видите Окно свойств можно открыть в строке меню. Для этого выберите окно «Просмотр>свойств». Или нажмите клавишу F4.)
5. В разделе Проектирование окна Свойства измените имя с Button1 на btnClickThis , а затем нажмите клавишу ВВОД.

Примечание. Если список был упорядочен по алфавиту в окне Свойства, 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!»; , как показано на следующем снимке экрана:

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

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

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

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

См. также

• Другие руководства по C#
• Руководства по Visual Basic
• Руководства по C++

Настройка макетов окон и персонализация вкладок

В Visual Studio можно настроить расположение, размер и поведение окон, что позволит создать макеты окон, оптимально подходящие для различных рабочих процессов разработки. Вы также можете персонализировать использование вкладок для взаимодействия с кодом.

Настройка макетов окон

При настройке макета окна интегрированная среда разработки Visual Studio (IDE) запоминает его. Например, если изменить расположение док-станции Обозреватель решений, а затем закрыть Visual Studio, при следующем открытии Visual Studio Обозреватель решений будет закреплен в том же расположении. Интегрированная среда разработки Visual Studio запоминает расположение док-станции, даже если вы работаете на другом компьютере.

Можно также присвоить настраиваемому макету имя, сохранить его, а затем переключаться между макетами с помощью одной команды. Например, можно создать один макет для редактирования, а другой — для отладки и переключаться между ними с помощью команды меню Окно>Применить макет окна.

Начиная с Visual Studio 17.9 список открытых документов был перемещен из двоичного формата в SUO-файле в обычный текстовый формат в JSON-файле. JSON-файл сохраняется в скрытой папке VS в том же расположении suo-файла (solutionFolder.vs\SolutionName\v17). Этот JSON-файл содержит список открытых документов и их свойств, макет групп документов и контейнеров, а также ширину столбца вертикальной вкладки. Хранение в виде обычного текста в формате JSON позволяет упростить резервное копирование, а также возможность проверка в различных наборах открытых документов, которые можно восстановить по мере необходимости.

Окна инструментов и документов

В среде IDE существует два основных типа окон: окна инструментов и окна документов. В число окон инструментов входят обозреватель решений, обозреватель сервера, окно вывода, список ошибок, конструкторы, окна отладчика и т. д. Окна документов содержат файлы исходного кода, произвольные текстовые файлы, файлы конфигурации и т. д. Вы можете изменить размер или перетащить окна инструментов по строке заголовка. Окна документов можно перетащить на вкладку. Щелкните правой кнопкой мыши вкладку или строку заголовка, чтобы задать другие параметры в окне.

В меню Окно находятся параметры закрепления, перемещения и скрытия окон в интегрированной среде разработки. Щелкните правой кнопкой мыши вкладку окна или строку заголовка, чтобы просмотреть дополнительные параметры для этого конкретного окна. Одновременно можно отображать несколько экземпляров окон инструментов. Например, можно отобразить несколько окон веб-браузера и создать дополнительные экземпляры некоторых окон инструментов, нажав кнопку «Создать окно» в меню «Окно«.

Разделение окон

Если в документе необходимо одновременно просмотреть или изменить два различных места, можно разделить окна. Чтобы разделить документ на два независимых раздела прокрутки, выберите «Разделить » в меню «Окно «. Выберите » Удалить разделение » в меню «Окно «, чтобы восстановить одно представление.

Панели инструментов

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

Размещение и закрепление окон

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

Окно инструментов можно закрепить в любом расположении в пределах фрейма IDE. Вы можете закрепить некоторые окна инструментов в виде окон с вкладками в фрейме редактора. Кроме того, можно закрепить окна документов в кадре редактора или закрепить их на текущей позиции в порядке табуляции .

Кроме того, можно закрепить несколько окон для совместного перемещения в среде IDE или за ее пределами. Окна инструментов можно скрывать или сворачивать.

Существуют следующие способы размещения окон.

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

Чтобы расположить окна инструментов и документов, поместите указатель в строку заголовка окна и перетащите его в нужное расположение. Также можно щелкнуть заголовок окна правой кнопкой мыши, чтобы использовать его контекстное меню, либо применить команды в меню Окно.

Закрепление окон

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

Чтобы переместить закрепляемое окно без прикрепления к месту, во время перетаскивания окна нажмите клавишу CTRL.

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

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

Окна инструментов можно прикрепить к одной стороне рамки в интегрированной среде разработки или в пределах области редактирования. Маркер в виде ромба появляется при перетаскивании окна инструмента в другое место и упрощает процесс закрепления.

На следующем снимке экрана показана Обозреватель решений закрепление в новом расположении, которое размечено фиолетовым оттенком:

Закрытие и автоматическое отображение окон инструментов

Окно инструментов можно закрыть, выбрав X в правом верхнем углу строки заголовка. Чтобы открыть окно, выберите нужные окна инструментов с помощью представления в строке меню или с помощью соответствующего сочетания клавиш.

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

Чтобы задать, работает ли автоматическое скрытие в окнах инструментов по отдельности или в качестве закрепленных групп, нажмите или снимите кнопку «Автоматическое скрытие» влияет только на активное окно инструментов только в диалоговом окне «Параметры «. Дополнительные сведения см. в диалоговом окне «Параметры»: страница «Общие сведения о среде>».

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

Использование второго монитора

Если у вас есть второй монитор, а операционная система поддерживает ее, можно выбрать монитор, в котором отображается окно. Можно даже сгруппировать несколько окон в блоки на других мониторах.

Сброс, задание имен и переключение между макетами окон

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

• Все окна перемещаются в расположения по умолчанию.
• Окна, которые закрыты в макете по умолчанию, закрываются.
• Окна, которые открыты в макете по умолчанию, открываются.

Создание и сохранение пользовательских макетов

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

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

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

1. Создайте новый проект Приложение WPF на C#.
2. Если у вас несколько мониторов, перетащите окно Обозреватель решений и окно свойств на второй монитор. Если вы используете только один монитор, попробуйте закрыть все окна, кроме конструктора.
3. Нажмите клавиши CTRL+ALT+X, чтобы отобразить окно Панель элементов. Если окно закреплено, перетащите его в нужное место.
4. Когда макет вам нужен, выберите макет окна «Сохранить окно>«. Назовите этот макет конструктором. Обратите внимание, что новому макету назначается сочетание клавиш из зарезервированного списка CTRL+ALT+1. 0.

Создание проекта и макета базы данных

Затем добавьте в решение новый проект базы данных SQL Server.

1. Щелкните правой кнопкой мыши узел решения в Обозреватель решений, чтобы открыть его контекстное меню, выберите «Добавить» и выберите «Создать проект«.
2. В диалоговом окне «Добавление нового проекта» выберите SQL из раскрывающегося списка «Все типы проектов» и выберите проект базы данных SQL Server. (Можно также использовать поле поиска для поиска шаблона. Для этого введите «SQL» в качестве строки поиска в поле, включающее следующий текст: поиск шаблонов (ALT+S)).)
3. Щелкните правой кнопкой мыши новый проект базы данных в Обозреватель решений, а затем выберите «Вид» в обозреватель объектов. При этом Visual Studio отображает окно ОБОЗРЕВАТЕЛЬ ОБЪЕКТОВ SQL Server, которое позволяет получать доступ к таблицам, представлениям и другим объектам в базе данных. Это окно можно переместить или оставить закрепленным. Настройте другие окна средства. Для добавления реалистичности можно добавить фактическую базу данных, но для этого пошагового пошагового выполнения не требуется.
4. Если макет вам нужен, выберите «Окно » в строке меню и нажмите кнопку «Сохранить макет окна». Присвойте этому макету имя «Проект базы данных». (Не беспокойтесь с макетом режима отладки для этого проекта.)

Переключение между макетами

Чтобы переключаться между макетами, используйте сочетания клавиш из зарезервированного списка ctrl+ALT+1. 0. Или в главном меню выберите «Применить окно>» макет окна.

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

Если макет для нескольких мониторов применить в системе с одним монитором, плавающие окна на втором мониторе будут находиться за окном Visual Studio. Эти окна можно перенести на передний план, нажав клавиши ALT +TAB. Если позже открыть Visual Studio с несколькими мониторами, можно восстановить окна до указанных позиций, повторно применив макет.

Управление макетами и перемещение их

Вы можете удалить, переименовать или переупорядочение пользовательского макета, выбрав «Макеты окон управления окном >«. Если переместить макет, привязка ключей будет настроена автоматически и отобразит новое положение в списке. Сами привязки ключей нельзя изменить, но одновременно можно хранить до 10 макетов.

Чтобы напомнить себе, какие сочетания клавиш назначены для какого макета, выберите » >Применить окно» макета окна.

Эти макеты автоматически перемещаются между выпусками Visual Studio и экземплярами Blend на отдельных компьютерах.

Персонализация вкладок

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

Дополнительные сведения об управлении вкладками в Visual Studio 2022 и более поздних версиях см. в следующей записи блога: открытие слишком большого количества вкладок? Ничего!

Вкладка предварительного просмотра

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

Группы вкладок

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

Вертикальные вкладки документов

Вкладки документов можно управлять вертикальным списком в левой или правой части редактора.

Новые возможности Visual Studio 2019 версии 16.4 и более поздних: мы добавили одну из наиболее часто запрашиваемых функций — вертикальные вкладки документов. Теперь вы можете управлять вкладками документов в вертикальном списке в левой или правой части редактора.

Вертикальные вкладки документов можно применить следующими способами:

• Выберите вкладки «>Параметры >инструментов>» и «Окна» в строке меню. Затем в раскрывающемся списке в раскрывающемся списке выберите элемент управления макета «Задать», «Сверху«, «Слева» или «Справа«.
• Щелкните правой кнопкой мыши вкладку, выберите «Задать макет вкладки» и выберите «Слева» или «Вправо«. (Чтобы вернуть вкладки в их положение по умолчанию, выберите Top.)

Цветные вкладки документов

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

Чтобы использовать цветные вкладки, перейдите в меню Сервис>Параметры>Среда>Вкладки и окна и выберите параметр Выделить цветом вкладки документов по проекту.

Цвет вкладок в разных представлениях

Вкладки можно цветировать как в вертикальных, так и горизонтальных представлениях в редакторе.

На следующем снимке экрана показан пример цветных вкладок в вертикальном представлении:

На следующем снимке экрана показан пример цветных вкладок в горизонтальном представлении:

Выбор собственных цветов

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

На следующем снимке экрана показан пример персонализации цветовой схемы для вкладок:

Несколько строк вкладок

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

Чтобы изменить эти параметры, перейдите на вкладки «>Параметры>инструментов>» и вкладки «Показать»>в нескольких строках.

Настраиваемая система организации

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

Чтобы изменить эти параметры, перейдите на вкладки «Параметры>>инструментов>» и «Окна».

Улучшенная доступность

Мы изменили индикатор для документов с несохраненных изменений на большую и более видимую точку.

Вы можете отменить изменения знакомую звездочку с помощью вкладок среды>«Параметры>инструментов>» и индикатора «Изменить грязный» в Windows.>

Отображение имен в курсиве

Вы можете отобразить имена документов, которые не отображаются в курсиве.

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

Восстановление закрытых вкладок

Мы упростили восстановление документов, которые вы открыли в последний раз, аналогично поведению браузера. Теперь вы можете повторно открыть последнюю вкладку, которую вы закрыли, щелкнув правой кнопкой мыши вкладку, используя сочетание клавиш CTRL+K, CTRL+Z или перейдя к элементу меню в разделе «Восстановление закрытой вкладки окна».>

Связанный контент

Как создать окно в c visual studio

Для создания графических приложений на C# можно использовать .NET CLI, но также можно использовать бесплатную и полнофункциональную среду разработки — Visual Studio Community 2022 , которая в ряде случаев облегчает проектирование приложения. Так, загрузим установщик Visual Studio по адресу: https://www.visualstudio.com/en-us/downloads.

Чтобы добавить в Visual Studio поддержку проектов для Windows Forms и C# и .NET, в программе установки среди рабочих нагрузок нужно выбрать только пункт Разработка классических приложений .NET . Можно выбрать и больше опций или вообще все опции, однако стоит учитывать свободный размер на жестком диске — чем больше опций будет выбрано, соответственно тем больше места на диске будет занято.

После установки среды и всех ее компонентов, запустим Visual Studio и создадим проект графического приложения. На стартовом экране выберем Create a new project (Создать новый проект)

На следующем окне в качестве типа проекта выберем Windows Forms App :

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

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

В поле Project Name дадим проекту какое-либо название. В моем случае это HelloApp .

На следующем окне Visual Studio предложит нам выбрать версию .NET, которая будет использоваться для проекта. Выберем последнюю на данный момент версию — .NET и нажмен на кнопку Create (Создать) для создания проекта.

После этого Visual Studio откроет наш проект с созданными по умолчанию файлами:

Справа находится окно Solution Explorer, в котором можно увидеть структуру нашего проекта. Практически этот тот же проект, который создается с помощью .NET CLI:

• Dependencies — это узел содержит сборки dll, которые добавлены в проект по умолчанию. Эти сборки как раз содержат классы библиотеки .NET, которые будет использовать C#
• Form1.Designer.cs : он содержит определение компонентов формы, добавленных на форму в графическом дизайнере
• Далее идет файл единственной в проекте формы — Form1.cs , который по умолчанию открыт в центральном окне.
• Program.cs определяет точку входа в приложение

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

Чтобы запустить приложение в режиме отладки, нажмем на клавишу F5 или на зеленую стрелочку на панели Visual Studio.

После этого запустится пустая форма Form1 по умолчанию.

После запуска приложения студия компилирует его в файл с расширением exe. Найти данный файл можно, зайдя в папку проекта и далее в каталог \bin\Debug\net8.0-windows

Рассмотрев вкратце создание проекта графического приложения, мы можем перейти к обзору основных компонентов и начнем мы с форм.

Создание пользовательских окон инструментов

Пользовательские окна инструментов — это отличные варианты добавления сложного пользовательского интерфейса в Visual Studio.

Окно инструментов — это основная концепция пользовательского интерфейса в Visual Studio, а в следующем видео показано, как добавить настраиваемое окно.

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

Чтобы создать расширение с окном инструментов, создайте новый проект с помощью шаблона vsIX Project w/Tool Window (Community) и пропустите остальную часть этого рецепта. Дополнительные сведения см. в статье о начале работы .

Для добавления окна инструментов в существующее расширение требуется 4 простых шага.

1. Создайте внешний класс оболочки окна инструментов.
2. Добавьте XAML в окно инструментов.
3. Зарегистрируйте окно средства.
4. Создайте команду для отображения окна инструментов.

Начнем с шага 1.

Создание окна средства

Используя универсальный базовый BaseToolWindow класс, мы просим предоставить несколько основных элементов информации. Необходимо указать заголовок окна инструментов, создать и вернуть пользовательский элемент управления XAML и задать фактический ToolWindowPane класс, используемый Visual Studio для создания внешней оболочки окна.

using System; using System.Runtime.InteropServices; using System.Threading; using System.Threading.Tasks; using System.Windows; using Community.VisualStudio.Toolkit; using EnvDTE80; using Microsoft.VisualStudio.Imaging; using Microsoft.VisualStudio.Shell; public class MyToolWindow : BaseToolWindow  < public override string GetTitle(int toolWindowId) =>"My Tool Window"; public override Type PaneType => typeof(Pane); public override async Task CreateAsync(int toolWindowId, CancellationToken cancellationToken) < await Task.Delay(2000); // Long running async task return new MyUserControl(); >// Give this a new unique guid [Guid("d3b3ebd9-87d1-41cd-bf84-268d88953417")] internal class Pane : ToolWindowPane < public Pane() < // Set an image icon for the tool window BitmapImageMoniker = KnownMonikers.StatusInformation; >> > 

Необходимо создать экземпляр пользовательского пользовательского элемента управления из CreateAsync(int, CancellationToken) метода, который затем автоматически передается в оболочку окна инструментов при создании Visual Studio.

Но сначала необходимо создать элемент управления пользователем.

Добавление пользовательского элемента управления XAML

Это может быть любой XAML с его классом code-behind, поэтому ниже приведен простой пример , содержащий одну кнопку:

   My Window    

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

Регистрация окна средства

Регистрация окна инструментов означает, что мы говорим Visual Studio о его существовании и о том, как создать его экземпляр. Мы делаем это из класса пакета с помощью атрибута [ProvideToolWindow] .

[ProvideToolWindow(typeof(MyToolWindow.Pane))] public sealed class MyPackage : ToolkitPackage < protected override async Task InitializeAsync(CancellationToken cancellationToken, IProgressprogress) < this.RegisterToolWindows(); >> 

Обратите внимание, что класс пакета должен наследоваться от и не от ToolkitPackage Package него. AsyncPackage

Можно указать, какой стиль должен иметь окно инструментов и где он должен отображаться по умолчанию. В следующем примере показано, что окно инструментов должно размещаться в том же контейнере док-станции, что и Обозреватель решений в связанном стиле.

[ProvideToolWindow(typeof(MyToolWindow.Pane), Style = VsDockStyle.Linked, Window = WindowGuids.SolutionExplorer)] 

Чтобы окно инструмента отображалось по умолчанию, можно указать видимость в разных контекстах пользовательского интерфейса с помощью атрибута [ProvideToolWindowVisibility] .

[ProvideToolWindowVisibility(typeof(MyToolWindow.Pane), VSConstants.UICONTEXT.NoSolution_string)] 

Команда для отображения окна средства

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

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

using Community.VisualStudio.Toolkit; using Microsoft.VisualStudio.Shell; using Task = System.Threading.Tasks.Task; [Command(PackageIds.RunnerWindow)] internal sealed class MyToolWindowCommand : BaseCommand  < protected override async Task ExecuteAsync(OleMenuCmdEventArgs e) =>await MyToolWindow.ShowAsync(); > 

Размещение команд для окон инструментов обычно находится в разделе «Вид» —> другие окна в главном меню.

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

Получение исходного кода

Исходный код для этого рецепта можно найти в репозитории примеров.