Какой интерфейс пользователя реализует платформа windows forms
Перейти к содержимому

Какой интерфейс пользователя реализует платформа windows forms

  • автор:

Введение в Windows Forms

Для создания графических интерфейсов с помощью платформы .NET применяются разные технологии — Window Forms, WPF, UWP. Однако наиболее простой и удобной платформой до сих пор остается Window Forms или сокращенно WinForms. Данное руководство ставит своей целью дать понимание принципов создания графических интерфейсов с помощью технологии WinForms и работы основных элементов управления.

Создадим первое приложение на C# и Windows Forms. Что нам для этого потребуется? Прежде всего необходим текстовый редактор для написания кода программы. Можно взять любой понравившийся текстовый редактор, например, Visual Studio Code

Также для компиляции и запуска программы нам потребуется .NET SDK. Для его установки перейдем на официальный сайт по ссылке .NET SDK

Загрузка .NET SDK для Windows Forms

После установки .NET SDK для первого проекта определим какую-нибудь папку. Например, в моем случае это будет папка C:\dotnet\winforms\helloapp . Откроем терминал/командную строку и перейдем к созданной папке проекта с помощью команды cd

cd C:\dotnet\winforms\helloapp

В данном случае мы для создания и запуска проекта мы будем использовать встроенную инфраструктуру .NET CLI, которая устанавливается вместе с .NET SDK.

Для создания проекта в .NET CLI применяется команда dotnet new , после которой указывается тип проWindows Formsекта. Для создания проекта Windows Forms применяется шаблон — winforms . Поэтому введем в терминале команду dotnet new winforms

C:\Users\eugen>cd C:\dotnet\winforms\helloapp C:\dotnet\winforms\helloapp>dotnet new winforms Шаблон "Приложение Windows Forms" успешно создан. Идет обработка действий после создания. Восстановление C:\dotnet\winforms\helloapp\helloapp.csproj: Определение проектов для восстановления. Восстановлен C:\dotnet\winforms\helloapp\helloapp.csproj (за 1,04 sec). Восстановление выполнено. C:\dotnet\winforms\helloapp>

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

Первый проект Windows Forms на C# в Visual Studio Code

Структура проекта Windows Forms

Рассмотрим базовую структуру простейшего стандартного проекта Windows Forms:

  • helloapp.csproj : стандартный файл проекта C#, который соответствует назанию проекта (по умолчанию названию каталога) и описывает все его настройки.
  • helloapp.csproj.user : дополнительный файл проекта C#, который хранит специфичные для текущего пользователя настройки.
  • Form1.cs : содержит класс формы, которая по умолчанию запускается при старте приложения
  • Form1.Designer.cs : он содержит определение компонентов формы, добавленных на форму в графическом дизайнере (графический дизайнер Windows Forms на данный момент официально доступен только в Visual Studio)
  • Program.cs : определяет класс Program, который запускается при старте приложения и запускает форму Form1

Например, посмотрим на содержимое файла helloapp.csproj

  WinExe net8.0-windows enable true enable   

Для компиляции приложения Windows Forms указаны следующие настройки:

  • OutputType : определяет выходной тип проекта. Должен иметь значение WinExe — то есть выполняемое приложение с расширением exe под Windows
  • TargetFramework : определяет применяемую для компиляции версию фреймворка .NET. Поскольку при создании проекта была выбрана версия .NET 8, а сам проект зависит от компонентов Windows, то здесь должно быть значение net7.0-windows
  • Nullable : подключает в проект функционалность ссылочных nullable-типов
  • UseWindowsForms : указывает, будет ли проект использовать Windows Forms (для этого устанавливается значение true )
  • ImplicitUsings : подключает в проект функциональность неявно подключаемых глобальных пространств имен

Запуск проекта

Проект по умолчанию не представляет какой-то грандиозной функциональности, тем не менее этот проект мы уже можем запустить. Итак, запустим проект. Для этого выполним команду dotnet run

C:\dotnet\winforms\helloapp>dotnet run

При запуске запускается графическая форма, код которой определяет класс Form1:

Первое приложение на Windows Forms на С# с .NET CLI

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

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

namespace helloapp; static class Program < [STAThread] static void Main() < ApplicationConfiguration.Initialize(); Application.Run(new Form1()); >>

Метод Main снабжен атрибутом [STAThread] . Этот атрибут, грубого говоря, необходим для корректной работы компонентов Windows. В самом методе сначала вызывается метод

ApplicationConfiguration.Initialize()

который устанавливает некоторую базовую конфигурацию приложения

Затем вызывается метод

Application.Run(new Form1());

в который передается объект отображаемой по умолчанию на экране формы.

То есть, когда мы запустим приложение, сработает метод Main , в котором будет вызван метод Application.Run(new Form1()) , благодаря чему мы увидим форму Form1 на экране.

Определение формы

Теперь посмотрим на определение формы и немного изменим его. Для этого откроем файл Form1.cs в текстовом редакторе. По умолчанию он выглядит следующим образом:

namespace helloapp; public partial class Form1 : Form < public Form1() < InitializeComponent(); >>

Класс формы — Form1 представляет графическую форму — фактически то окно, которое мы увидим на экране при запуске проекта.

Этот класс определяется как частичный (с модификатором partial ) и наследуется от встроенного класса Form , который содержит базовую функциональность форм.

В самом классе Form1 определен по умолчанию только конструктор, где вызывается метод InitializeComponent() , который выполняет инициализацию компонентов формы из файла дизайнера Form1.Designer.cs . По сути именно код этого файла передается выше через вызов InitializeComponent()

Теперь изменим его код следующим образом:

namespace helloapp; public partial class Form1 : Form < public Form1() < InitializeComponent(); // определяем кнопку Button button = new Button(); // текст кнопки button.Text ="Click"; // положение кнопки button.Location = new Point(50, 50); // размер кнопки button.Size = new Size < Width = 80, Height = 30 >; // обработчик нажатия кнопки button.Click += (o, e) => MessageBox.Show("Hello METANIT.COM!"); // добавление кнопки на форму this.Controls.Add(button); > >

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

Windows Forms

cover image

библиотека графического интерфейса пользователя / Материал из Википедии — свободной encyclopedia

Уважаемый Wikiwand AI, давайте упростим задачу, просто ответив на эти ключевые вопросы:

Перечислите основные факты и статистические данные о Windows Forms?

Кратко изложите эту статью для 10-летнего ребёнка

ПОКАЗАТЬ ВСЕ ВОПРОСЫ

Windows Forms — интерфейс программирования приложений (API), отвечающий за графический интерфейс пользователя и являющийся частью Microsoft .NET Framework. Данный интерфейс упрощает доступ к элементам интерфейса Microsoft Windows за счет создания обёртки для существующего Win32 API в управляемом коде. Причём управляемый код — классы, реализующие API для Windows Forms, не зависят от языка разработки. То есть программист одинаково может использовать Windows Forms как при написании ПО на C#, C++, так и на VB.Net, J# и др.

С одной стороны, Windows Forms рассматривается как замена более старой и сложной библиотеке MFC, изначально написанной на языке C++. С другой стороны, WF не предлагает парадигмы, сравнимой с MVC. Для исправления этой ситуации и реализации данной функциональности в WF существуют сторонние библиотеки. Одной из наиболее используемых подобных библиотек является User Interface Process Application Block, выпущенная специальной группой Microsoft, занимающейся примерами и рекомендациями, для бесплатного скачивания. Эта библиотека также содержит исходный код и обучающие примеры для ускорения обучения.

Внутри .NET Framework Windows Forms реализуется в рамках пространства имён System.Windows.Forms .

Создание приложения 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
  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 После этого в Visual Studio Installer выберите рабочую нагрузку Разработка классических приложений .NET. .NET Core workload in the Visual Studio InstallerЗатем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы; в таком случае сделайте это. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.

in the

  • В поле Имя проекта окна Настроить новый проект введите 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 После этого выберите рабочую нагрузку Разработка классических приложений .NET в Visual Studio Installer. Screenshot to show the .NET Core workload in the Visual Studio Installer.Затем нажмите кнопку Изменить в Visual Studio Installer. Вам может быть предложено сохранить результаты работы; в таком случае сделайте это. Выберите Продолжить, чтобы установить рабочую нагрузку. После этого вернитесь к шагу 2 в процедуре Создание проекта.

    Screenshot to show the

  • В поле Имя проекта окна Настроить новый проект введите 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 и нажмите клавишу ВВОД.

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

    Screenshot to add code to the form

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

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

    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 и нажмите клавишу ВВОД.

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

    Add code to the form

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

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

    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, чтобы завершить работу приложения.

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

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

    См. также

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

    Руководство. Начало работы с конструктором Windows Forms

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

    • Упорядочение элементов управления с помощью оснастки.
    • Выполнение задач конструктора с помощью смарт-тегов.
    • устанавливать поля и отбивки для элементов управления;
    • Упорядочение элементов управления с помощью TableLayoutPanel элемента управления.
    • разделять макет элемента управления с помощью элемента управления SplitContainer;
    • просматривать макет в окне «Структура документа»;
    • размещать элементы управления с отображением размера и сведений о расположении;
    • Задайте значения свойств с помощью окно свойств.

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

    Если вы являетесь разработчиком C++ и ищете руководство по созданию приложения Windows, которое включает формы и элементы управления, см. статью Создание приложения MFC на основе форм. Дополнительные обобщенные сведения см. в разделе Обзор программирования Windows на C++.

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

    Первым шагом является создание проекта элемента управления DemoCalculator.

    Screenshot of the Windows Forms Control Library template in Visual Studio.

    1. Откройте Visual Studio и создайте проект библиотеки элементов управления Windows Forms с помощью шаблона платформа .NET Framework для C# или Visual Basic. Задайте проекту имя DemoCalculatorLib.
    2. Чтобы переименовать файл, в обозревателе решений щелкните правой кнопкой мыши элемент UserControl1.vb или UserControl1.cs, выберите Переименовать и замените имя файла на DemoCalculator.vb или DemoCalculator.cs. Выберите «Да «, когда вам будет предложено переименовать все ссылки на элемент кода UserControl1.

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

    Разработка макета элемента управления

    Элемент управления DemoCalculator содержит несколько элементов управления Windows Forms. В этой процедуре вы упорядочены элементы управления с помощью конструктора Windows Forms.

    1. В конструкторе Windows Forms увеличьте размер элемента управления DemoCalculator, выбрав маркер изменения размера в правом нижнем углу и перетащив его вниз и вправо. В правом нижнем углу Visual Studio просмотрите сведения о размере и расположении элементов управления. Задайте элементу управления ширину 500 и высоту 400, наблюдая за сведениями о размере при изменении размера элемента управления.
    2. На панели элементов выберите узел Контейнеры, чтобы открыть его. Выберите элемент управления SplitContainer и перетащите его на поверхность конструктора. Элемент SplitContainer появится на поверхности конструктора элемента управления DemoCalculator.

    Совет Размер элемента управления SplitContainer автоматически устанавливается в соответствии с размером элемента управления DemoCalculator. В окне Свойства проверьте свойства, заданные для элемента управления SplitContainer . Найдите свойство Dock. Ему задано значение DockStyle.Fill. Это означает, что размер элемента управления SplitContainer устанавливается в соответствии с границами элемента управления DemoCalculator. Измените размер элемента управления DemoCalculator, чтобы проверить это поведение.

    Примечание. Для некоторых элементов управления доступны смарт-теги, упрощающие проектирование. Дополнительные сведения см. в пошаговом руководстве. Выполнение распространенных задач с помощью смарт-тегов в элементах управления Windows Forms.

    Заполнение элемента управления

    Теперь, когда макет элемента управления настроен, можно добавить в элемент управления DemoCalculator кнопки и экран.

    1. На панели элементов выберите значок элемента управления TextBox . Элемент управления TextBox помещается в первую ячейку элемента управления TableLayoutPanel .
    2. В окне Свойства замените значение свойства ColumnSpan элемента управления TextBox на 5. Элемент управления TextBox переместится в центр своей строки.
    3. Замените значение свойства Anchor элемента управления TextBox на Left , Right . Элемент управления TextBox расширится по горизонтали, заняв все пять столбцов.
    4. Измените значение свойства TextBox элемента управления TextAlign на Right .
    5. В окне Свойства разверните узел свойства Font . Задайте значение 14 для Size и true для Bold у элемента управления TextBox .
    6. Выберите элемент управления TableLayoutPanel .
    7. На панели элементов выберите значок Button . Элемент управления Button разместится в следующей свободной ячейке элемента управления TableLayoutPanel .
    8. На панели элементов выберите Button еще четыре раза, чтобы заполнить вторую строку элемента управления TableLayoutPanel .
    9. Выберите все пять элементов управления Button , удерживая нажатой клавишу SHIFT. Нажмите клавиши CTRL+C, чтобы скопировать элементы управления Button в буфер обмена.
    10. Трижды нажмите сочетание клавиш CTRL+V, чтобы вставить скопированные элементы управления Button в оставшиеся строки элемента управления TableLayoutPanel .
    11. Выберите все 20 элементов управления Button , удерживая нажатой клавишу SHIFT.
    12. В окне Свойства замените значение свойства Dock на Fill . Все элементы управления Button закрепятся в своих ячейках.
    13. В окне Свойства разверните узел свойства Margin . Для All задайте значение 5. Всем элементам управления Button задается меньший размер, чтобы увеличить поля между ними.
    14. Выберите button10 и button20, после чего нажмите клавишу DELETE, чтобы удалить их из макета.
    15. Выберите button5 и button15, после чего замените значение их свойства RowSpan на 2. Эти кнопки представляют кнопки Clear и = button for the DemoCalculator control.

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

    Если в элементе управления или форме присутствует несколько элементов управления, перемещаться по макету удобнее с помощью окна «Структура документа».

    1. В строке меню выберите Вид>Другие окна>Структура документа. В этом окне структура элемента управления DemoCalculator и его составных элементов управления представлена в виде дерева. Дочерние элементы управления контейнерных элементов управления, таких как SplitContainer , отображаются в виде подузлов дерева. Вы также можете переименовать элементы управления с помощью окна «Структура документа».
    2. В окне Структура документа щелкните правой кнопкой мыши элемент button1, чтобы выбрать его, после чего щелкните Переименовать. Замените его имя на sevenButton.
    3. В окне Структура документа замените имена элементов управления Button , заданные конструктором, на имена для рабочей среды согласно следующему списку:
      • button1 на sevenButton;
      • button2 на eightButton;
      • button3 на nineButton;
      • button4 на divisionButton;
      • button5 на clearButton;
      • button6 на fourButton;
      • button7 на fiveButton;
      • button8 на sixButton;
      • button9 на multiplicationButton;
      • button11 на oneButton;
      • button12 на twoButton;
      • button13 на threeButton;
      • button14 на subtractionButton;
      • button15 на equalsButton;
      • button16 на zeroButton;
      • button17 на changeSignButton;
      • button18 на decimalButton;
      • button19 на additionButton;
    4. С помощью окон Структура документа и Свойства измените значения свойства Text для каждого имени элемента управления Button согласно следующему списку:
      • для элемента управления sevenButton замените свойство текста на 7;
      • для элемента управления eightButton замените свойство текста на 8;
      • для элемента управления nineButton замените свойство текста на 9;
      • для элемента управления divisionButton замените свойство текста на / (косая черта);
      • для элемента управления clearButton замените свойство текста на Clear;
      • для элемента управления fourButton замените свойство текста на 4;
      • для элемента управления fiveButton замените свойство текста на 5;
      • для элемента управления sixButton замените свойство текста на 6;
      • для элемента управления multiplicationButton замените свойство текста на * (звездочка);
      • для элемента управления oneButton замените свойство текста на 1;
      • для элемента управления twoButton замените свойство текста на 2;
      • для элемента управления threeButton замените свойство текста на 3;
      • для элемента управления subtractionButton замените свойство текста на (дефис);
      • для элемента управления equalsButton замените свойство текста на = (знак равенства);
      • для элемента управления zeroButton замените свойство текста на 0;
      • для элемента управления changeSignButton замените свойство текста на +/-;
      • для элемента управления decimalButton замените свойство текста на . (точка);
      • для элемента управления additionButton замените свойство текста на + (знак «плюс»);
    5. На поверхности конструктора выберите все элементы управления Button , удерживая нажатой клавишу SHIFT.
    6. В окне Свойства разверните узел свойства Font . Задайте значение 14 для Size и true для Bold у всех элементов управления Button .

    Этот набор инструкций завершает проектирование элемента управления DemoCalculator. Остается только добавить логику калькулятора.

    Добавление обработчиков событий

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

    1. На поверхности конструктора выберите все элементы управления Button , удерживая нажатой клавишу SHIFT.
    2. Выберите один из элементов управления Button . В редакторе кода откроются обработчики событий, созданные конструктором.

    Тестирование элемента управления

    Поскольку элемент управления DemoCalculator наследуется от класса UserControl, его поведение можно проверить с помощью Контейнера для тестирования пользовательских элементов управления. Дополнительные сведения см. в статье «Практическое руководство. Тестирование поведения во время выполнения userControl».

    1. Нажмите клавишу F5, чтобы собрать и запустить элемент управления DemoCalculator в Контейнере для тестирования пользовательских элементов управления.
    2. Выберите границу между панелями SplitContainer и перетащите ее влево и вправо. Размеры элемента TableLayoutPanel и всех его дочерних элементов управления будут изменяться в соответствии с доступным пространством.
    3. После завершения тестирования элемента управления нажмите кнопку «Закрыть«.

    Использование элемента управления в форме

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

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

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

    1. Создайте проект Приложение Windows Forms с именем DemoCalculatorTest.
    2. В Обозревателе решений щелкните правой кнопкой мыши проект DemoCalculatorTest и выберите Добавить>Ссылка на проект, чтобы открыть диалоговое окно Диспетчер ссылок.
    3. Перейдите на вкладку Проекты и выберите проект DemoCalculatorLib, чтобы добавить ссылку на тестовый проект.
    4. В обозревателе решений щелкните правой кнопкой мыши DemoCalculatorTest и выберите пункт Назначить запускаемым проектом.
    5. В конструкторе Windows Forms увеличьте размер формы примерно до 700 x 500.

    Использование элемента управления в макете формы

    Чтобы использовать элемент управления DemoCalculator в приложении, его необходимо поместить в форму.

    1. На панели элементов разверните узел Компоненты DemoCalculatorLib.
    2. Перетащите элемент управления DemoCalculator с панели элементов в форму. Переместите элемент управления в левый верхний угол формы. Когда элемент управления близок к границам формы, отрезки отображаются. Линии привязки указывают расстояние свойства Padding формы и свойства Margin элемента управления. Поместите элемент управления в расположение, указанное линиями привязки. Дополнительные сведения см. в пошаговом руководстве. Упорядочение элементов управления с помощью линий оснастки.
    3. Перетащите элемент управления Button с панели элементов и поместите его в форму.
    4. Перемещайте элемент управления Button по элементу управления DemoCalculator, чтобы определить, где отображаются линии привязки. Вы можете точно и легко выровнять элементы управления с помощью этой функции. По завершении удалите элемент управления Button .
    5. Щелкните правой кнопкой мыши элемент управления DemoCalculator и выберите пункт Свойства.
    6. Замените значение свойства Dock на Fill .
    7. Выберите форму, а затем разверните узел свойства Padding . Замените значение Все на 20. Размер элемента управления DemoCalculator уменьшится в соответствии с новым значением формы Padding .
    8. Измените размер формы, перетаскивая различные маркеры изменения размера в разные положения. Обратите внимание на то, как размер элемента управления DemoCalculator пропорционально изменяется.

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

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

    См. также

    • Элементы управления Windows Forms
    • Специальные возможности для элементов управления в Windows Forms
    • Публикация с помощью ClickOnce

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *