Как открыть конструктор в windows form

In my case right-click on Form1.cs (with correct Form icon) and select «View Designer» still showing code.

I found this thread and realized I accidentally choose .Net Core instead of .NET Framework when creating new project:

I should able see this long xml inside .csproj file (.NET Framework) of Solution Explorer panel, which the TargetFrameworkVersion showing v<Number>:

... 
<OutputType>WinExe</OutputType>
<RootNamespace>HelloWorld</RootNamespace>
<AssemblyName>HelloWorld</AssemblyName>
<TargetFrameworkVersion>v4.7.2</TargetFrameworkVersion>
...

, instead of short xml below (*.Net Core), which the TargetFramework showing netcoreapp<Number>:

<Project Sdk="Microsoft.NET.Sdk.WindowsDesktop">

  <PropertyGroup>
    <OutputType>WinExe</OutputType>
    <TargetFramework>netcoreapp3.1</TargetFramework>
    <UseWindowsForms>true</UseWindowsForms>
  </PropertyGroup>

</Project>

To check project type, can refer this answer.

Microsoft devlogs stated that Designer with .Net Core is not shipped by default yet:

If you want to work with .NET Core project, don’t forget to install
the .NET Core Windows Forms Designer, since it isn’t yet shipped
inside Visual Studio by default. See the previous “Enabling the
designer” section.

Последнее обновление: 11.11.2022

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

Чтобы добавить в Visual Studio поддержку проектов для Windows Forms и C# и .NET 7, в программе установки среди рабочих нагрузок нужно
выбрать только пункт Разработка классических приложений .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 7.0 и нажмен на кнопку Create (Создать) для создания проекта.

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

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

• Dependencies — это узел содержит сборки dll, которые добавлены в проект по умолчанию.
  Эти сборки как раз содержат классы библиотеки .NET, которые будет использовать C#

• Form1.Designer.cs: он содержит определение компонентов формы, добавленных
  на форму в графическом дизайнере

• Далее идет файл единственной в проекте формы — Form1.cs, который по умолчанию открыт в центральном окне.

• Program.cs определяет точку входа в приложение

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

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

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

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

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

Освойте Microsoft Visual Studio и разрабатывайте собственные приложения с помощью Windows Forms практически без написания кода.

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

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

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

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

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

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

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

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

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

1. Дважды щелкните кнопку » Рассчитать«, чтобы автоматически открыть Form1.cs с новым методом Event:

private void calculateButton_Click(object sender, EventArgs e)

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

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

4. Вернитесь к функции calculateButton_Click в Form1.cs.

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

private void calculateButton_Click(object sender, EventArgs e)
{
// Get the value that the user entered in the Celsius Text Box
double celsiusValue = Double.Parse(celsiusTextBox.Text);
}

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

private void calculateButton_Click(object sender, EventArgs e)
{
// Get the value that the user entered in the Celsius Text Box
double celsiusValue = Double.Parse(celsiusTextBox.Text);
// Apply the calculation
double result = (celsiusValue * 9 / 5) + 32;
// Store the result in the Fahrenheit Textbox
fahrenheitTextBox.Text = result.ToString();
}

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

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

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

1. Чтобы запустить программу, выберите зеленую стрелку вверху панели инструментов в Visual Studio.

2. После загрузки проекта добавьте значение в текстовое поле Цельсия и нажмите кнопку » Рассчитать». Это добавит результат в текстовое поле по Фаренгейту.

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

4. Щелкните правой кнопкой мыши проект TemperatureConverterв обозревателе решений. Выберите Добавить, затем выберите Новый элемент.

5. Найдите файл манифеста приложения и нажмите » Добавить «.

6. Скопируйте следующий код в новый файл app.manifest как дочерний элемент тега сборки (если код уже сгенерирован, просто раскомментируйте его).

<application xmlns=»urn:schemas-microsoft-com:asm.v3″>
<windowsSettings>
<dpiAware xmlns=»http://schemas.microsoft.com/SMI/2005/WindowsSettings«>true</dpiAware>
<longPathAware xmlns=»http://schemas.microsoft.com/SMI/2016/WindowsSettings«>true</longPathAware>
</windowsSettings>
</application>

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

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

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

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

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

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

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

<your-project-folder>/bin/Debug/netcoreapp3.1/TemperatureConverter.exe

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

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

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

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

Windows Forms Designer (Конструктор Windows Forms)

Если вы выполнили предыдущее упражнение, то в среде разработки Visual Studio будет загружен проект МузВопрос. Однако пользовательский интерфейс и основная графическая форма проекта могут быть все еще не видны в Visual Studio. (Более сложные проекты могут содержать несколько графических форм, но в этой простой программе требуется только одна.) Чтобы сделать форму проекта МузВопрос видимой в среде разработки, вы должны вывести ее на экран с помощью Solution Explorer (Обозревателя решений).

Отображение Windows Forms Designer (Конструктора Windows Forms)

1. Найдите панель Solution Explorer (Обозреватель решений), расположенную в верхнем правом углу среды разработки Visual Studio. Если вы ее не видите (она может быть скрыта в виде закладки так, что ее не видно, или вообще отключена), то в меню View (Вид) выберите Solution Explorer (Обозреватель решений).

   Когда проект МузВопрос загружен, Solution Explorer (Обозреватель решений) выглядит так.

   

2. В окне Solution Explorer (Обозреватель решений) выберите форму MusicTrivia.vb. У всех файлов форм, включая и этот, рядом находится маленький значок формы, так что их легко идентифицировать. Когда вы щелкаете на файле формы, Visual Studio выделяет его в Solution Explorer (Обозревателе решений), а в окне Properties (Свойства) (если оно отображено на экране) появляется информация об этом файле.
3. Чтобы показать рабочее поле, щелкните в Solution Explorer (Обозревателе решений) на кнопке View Designer (Просмотреть конструктор). Форма МузВопрос отображается в Windows Forms Designer (Конструкторе Windows Forms), как показано на рисунке.

Обратите внимание, что в верхней части Windows Forms Designer (Конструктора Windows Forms) по-прежнему видна закладка Start Page (Начальная страница). Вы можете щелкнуть на этой закладке, чтобы открыть Start Page (Начальную страницу), изменить настройки своего профиля или открыть дополнительные файлы проектов. Чтобы вернуться в окно Конструктора Windows Forms, щелкните на закладке с меткой MusicTrivia.vb [Design], расположенной над формой МузВопрос.

Теперь с помощью Visual Studio мы запустим программу на языке Visual Basic.

Запуск программы на языке Visual Basic

МузВопрос — это простая программа на языке Visual Basic, разработанная специально, чтобы дать вам представление об инструментах программирования Visual Studio. В форму, которую вы сейчас видите, добавлено пять объектов: две надписи, изображение и две кнопки. А в код программы добавлено три строки, которые заставляют эту простую программу задавать простой вопрос и затем выдавать ответ. (Сейчас ответ виден, так как вы находитесь в режиме разработки, но когда вы запустите программу, ответ будет скрыт.) О создании объектов и добавлении кода программы вы узнаете в следующей лекции. А сейчас с помощью среды разработки Visual Studio попробуйте запустить эту программу.

Запуск программы «МузВопрос»

1. Чтобы запустить программу МузВопрос из Visual Studio, щелкните на кнопке Start (Начать), расположенной на стандартной панели инструментов.

   Совет. Чтобы запустить программу в среде разработки Visual Studio, можно также нажать (F5) или выбрать команду Start (Начать) из меню Debug (Отладка). Заметьте, что расположение команды Start (Начать) отличается от ее положения в компиляторе Visual Basic 6.

   Visual Studio загружает и компилирует проект в сборку (упорядоченную коллекцию из модулей, данных и так называемого манифеста программы), а затем запускает программу в среде разработки. Значок программы появляется на панели задач Windows. Во время компиляции в окне Output (Вывод) печатаются некоторые сведения об этапах загрузки и компиляции, и об ошибках, если они возникают. Через некоторое время вы снова увидите форму МузВопрос, причем фотография и текст ответа сначала не видны.

   

   Теперь МузВопрос задает свой важный вопрос: На каком эстрадном инструменте часто играют одним большим пальцем?.

2. Чтобы увидеть ответ на вопрос, нажмите кнопку Ответ. Ниже вопроса программа выведет текст ответа («На бас-гитаре!»), а затем и фотографию гитариста, демонстрирующего эту технику. Тестовая программа работает.

   

3. Чтобы закрыть программу, нажмите Выход.

Форма закроется, а среда разработки Visual Studio снова станет активной. Обратите внимание, что форма в среде разработки теперь выглядит немного иначе — на поверхности формы видна сетка точек привязки, две надписи окружены серым полем, а форму окружают маркеры для изменения размера. Эти функции видны только тогда, когда форма находится в режиме разработки, они помогают проектировать и выравнивать графический интерфейс. Кроме того, сетка помогает отличить конструктор от запущенной из Visual Studio программы. (В следующей лекции вы попрактикуетесь в использовании этих функций.)