Это графическая среда, которая отображает объекты и элементы управления Windows
Обновлено: 21.11.2024
Внешний вид и использование окон, значков, диалоговых окон и т. д. в средах OpenWindows и CDE немного различаются.
Работа с Windows
Окна приложений имеют общие элементы управления, области заголовков и ручки захвата. Некоторые из них показаны на следующем рисунке.
Рисунок 1-4 Элементы управления окна CDE
Минимизация превращает окно в значок, а максимизация увеличивает окно до максимально возможного размера, то есть на весь экран.
В CDE и OpenWindows глагол закрыть имеет разные значения: когда вы закрываете окно CDE, приложение закрывается; когда вы закрываете окно OpenWindows, приложение отображается в виде значка и продолжает работать.
Выберите «Закрыть» или «Отмена» в меню «Окно».
Нажмите кнопку "Закрыть" или "Отмена" в диалоговом окне
Не путайте закрытие окна с закрытием файла в приложении. Например, когда вы выбираете «Закрыть» в меню «Файл» приложения CDE, файл закрывается, но окно приложения может оставаться открытым.
Перемещение текста и объектов
CDE имеет средства буфера обмена, средства перетаскивания и средства дублирования.
Буфер обмена
CDE предоставляет средство буфера обмена, которое может одновременно обрабатывать текст и графику. В большинстве приложений CDE есть меню «Правка», которое предоставляет стандартные элементы буфера обмена («Вырезать», «Копировать» и «Вставить»). Вырезать, копировать и вставить также можно с помощью следующих комбинаций клавиш.
Таблица 1-2 Сравнение ключей буфера обмена top">Задача или функция
Перетаскивание
Как и в OpenWindows, в CDE вы можете перетаскивать выбранный объект или текст из одного места в другое внутри приложения или из одного приложения в другое. В отличие от OpenWindows, CDE не позволяет перетаскивать объекты на свернутый значок программы, но позволяет перетаскивать объекты и текст на лицевой панели.
Прикрепляет файлы к составляемому сообщению
Прикрепляет перетащенный текст как текстовый файл
Кнопка дублирования
В OpenWindows кнопка мыши 2 называлась кнопкой ADJUST, поскольку она использовалась для выделения текста справа от позиции, выбранной первой кнопкой мыши. CDE использует кнопку мыши 2 в качестве полезной кнопки дублирования текста, которая используется для дублирования или создания копий выделенного текста.
Дублирование выполняется быстрее, чем копирование и вставка или перетаскивание, особенно если вы хотите быстро скопировать длинный путь к файлу в диспетчер файлов или скопировать команды в окне терминала. Содержимое буфера обмена не изменяется при дублировании.
Дублировать выделенный текст
Выделите нужный текст, удерживая нажатой кнопку мыши 1 и перетаскивая курсор по нему.
Отпустите кнопку мыши 1.
Наведите указатель мыши на то место, куда вы хотите скопировать текст, и нажмите кнопку мыши 2.
Текст копируется в новое место, не удаляя его из исходного места.
(Необязательно) Повторите шаг 2 и продублируйте текст в других местах.
Мышь
CDE использует все три кнопки мыши (где они доступны) для обеспечения полнофункциональных служб "укажи и щелкни", "перетащи и опусти" и дублирования, как объяснялось ранее.
В CDE вы используете Control+кнопку мыши 1 для выбора нескольких элементов в окне; в OpenWindows вы используете кнопку мыши 2. Например, используйте эту комбинацию клавиатуры и мыши при выборе нескольких файлов в окне диспетчера файлов или при выборе нескольких сообщений из списка заголовков сообщений Mailer.
Мнемоника клавиатуры и специальные клавиши
В отличие от приложений OpenWindows, приложения CDE используют мнемоники или запоминающиеся комбинации клавиш, чтобы вы могли выбирать пункты меню без использования мыши. Мнемоники для пункта меню обозначаются подчеркнутой буквой в имени пункта меню, например, буквой F в меню «Файл» в диспетчере файлов. Вы активируете меню, нажав клавишу Alt и подчеркнутую клавишу, например, Alt+F, чтобы активировать меню «Файл» в диспетчере файлов.
Как и в случае с OpenWindows, CDE поддерживает стандартные клавиатуры, поставляемые с рабочими станциями SunTM WorkstationTM.Для клавиатур в системах на основе IA необходимо использовать специальные комбинации клавиш, например Control+Alt для клавиши Meta, чтобы эмулировать клавиши, которые не предусмотрены.
Важной частью Visual Basic является возможность создавать приложения Windows Forms, которые выполняются локально на компьютерах пользователей. Вы можете использовать Visual Studio для создания приложения и пользовательского интерфейса с помощью Windows Forms. Приложение Windows Forms построено на классах из пространства имен System.Windows.Forms.
Разработка приложений Windows Forms
Вы можете создавать Windows Forms и приложения-службы Windows с помощью Visual Studio. Дополнительные сведения см. в следующих темах:
Начало работы с Windows Forms. Содержит информацию о том, как создавать и программировать Windows Forms.
Элементы управления Windows Forms. Сборник разделов с подробным описанием использования элементов управления Windows Forms.
Приложения службы Windows. Список разделов, в которых объясняется, как создавать службы Windows.
Создание многофункциональных интерактивных пользовательских интерфейсов
В Windows Forms форма представляет собой визуальную поверхность, на которой вы отображаете информацию для пользователя. Обычно вы создаете приложения Windows Forms, размещая элементы управления в формах и разрабатывая ответы на действия пользователя, такие как щелчки мышью или нажатия клавиш. элемент управления – это отдельный элемент пользовательского интерфейса (UI), который отображает данные или принимает ввод данных.
События
Когда пользователь что-то делает с вашей формой или одним из ее элементов управления, создается событие. Ваше приложение реагирует на эти события с помощью кода и обрабатывает события, когда они происходят. Дополнительные сведения см. в разделе Создание обработчиков событий в Windows Forms.
Элементы управления
Windows Forms содержит различные элементы управления, которые можно размещать в формах: элементы управления, отображающие текстовые поля, кнопки, раскрывающиеся списки, переключатели и даже веб-страницы. Список всех элементов управления, которые можно использовать в форме, см. в разделе Элементы управления для использования в Windows Forms. Если существующий элемент управления не соответствует вашим потребностям, Windows Forms также поддерживает создание собственных настраиваемых элементов управления с помощью класса UserControl.
Windows Forms имеет богатые элементы управления пользовательского интерфейса, которые эмулируют функции высокопроизводительных приложений, таких как Microsoft Office. Используя элементы управления ToolStrip и MenuStrip, вы можете создавать панели инструментов и меню, содержащие текст и изображения, отображать подменю и размещать другие элементы управления, такие как текстовые поля и поля со списком.
С помощью конструктора форм Visual Studio с функцией перетаскивания вы можете легко создавать приложения Windows Forms: просто выберите элементы управления с помощью курсора и поместите их в нужное место формы. Конструктор предоставляет такие инструменты, как линии сетки и «линии привязки», чтобы упростить выравнивание элементов управления. Независимо от того, используете ли вы Visual Studio или компилируете в командной строке, вы можете использовать элементы управления FlowLayoutPanel, TableLayoutPanel и SplitContainer для создания расширенных макетов форм с минимальными затратами времени и усилий.
Пользовательские элементы пользовательского интерфейса
Наконец, если вам необходимо создать собственные настраиваемые элементы пользовательского интерфейса, пространство имен System.Drawing содержит все классы, необходимые для отображения линий, окружностей и других фигур непосредственно в форме.
Пошаговые инструкции по использованию этих функций см. в следующих разделах справки.
| Кому | Просмотреть |
|---|---|
| Создать новое приложение Windows Forms с визуальным Studio | Урок 1. Создание средства просмотра изображений |
| Использование элементов управления в формах | Как добавить элементы управления в Windows Forms |
| Создание графики с помощью System.Drawing | Начало работы с графическим программированием |
| Создание пользовательских элементов управления | Как: наследовать от класса UserControl |
Отображение данных и управление ими
Многие приложения должны отображать данные из базы данных, файла XML, веб-службы XML или другого источника данных. Windows Forms предоставляет гибкий элемент управления, называемый элементом управления DataGridView, для отображения таких табличных данных в традиционном формате строк и столбцов, так что каждый элемент данных занимает свою собственную ячейку. Используя DataGridView, вы можете настроить внешний вид отдельных ячеек, зафиксировать произвольные строки и столбцы на месте, а также отобразить сложные элементы управления внутри ячеек, среди прочих функций.
Элементы управления с привязкой к данным
Вы можете легко создавать элементы управления с привязкой к данным, используя окно "Источники данных", в котором отображаются такие источники данных, как базы данных, веб-службы и объекты в вашем проекте. Вы можете создавать элементы управления с привязкой к данным, перетаскивая элементы из этого окна на формы в вашем проекте. Вы также можете привязать существующие элементы управления к данным, перетащив объекты из окна "Источники данных" на существующие элементы управления.
Настройки
Еще один тип привязки данных, которым вы можете управлять в Windows Forms, — это параметры. Большинство интеллектуальных клиентских приложений должны сохранять некоторую информацию о своем состоянии во время выполнения, такую как последний известный размер форм, и сохранять данные о предпочтениях пользователя, такие как расположение по умолчанию для сохраненных файлов.Функция параметров приложения отвечает этим требованиям, предоставляя простой способ сохранения обоих типов параметров на клиентском компьютере. После определения с помощью Visual Studio или редактора кода эти параметры сохраняются в виде XML и автоматически считываются обратно в память во время выполнения.
Пошаговые инструкции по использованию этих функций см. в следующих разделах справки.
Развертывание приложений на клиентских компьютерах
После написания приложения его необходимо отправить пользователям, чтобы они могли установить и запустить его на своих клиентских компьютерах. Используя технологию ClickOnce, вы можете развертывать свои приложения в Visual Studio всего несколькими щелчками мыши и предоставлять пользователям URL-адрес, указывающий на ваше приложение в Интернете. ClickOnce управляет всеми элементами и зависимостями вашего приложения и обеспечивает правильную установку приложения на клиентском компьютере.
Приложения ClickOnce можно настроить для работы только тогда, когда пользователь подключен к сети, или для работы как в сети, так и в автономном режиме. Когда вы указываете, что приложение должно поддерживать работу в автономном режиме, ClickOnce добавляет ссылку на ваше приложение в пользовательское меню "Пуск", чтобы пользователь мог открыть его без использования URL-адреса.
При обновлении приложения вы публикуете новый манифест развертывания и новую копию приложения на своем веб-сервере. ClickOnce обнаруживает доступное обновление и обновляет установку пользователя; для обновления старых сборок не требуется специальное программирование.
Полное введение в ClickOnce см. в разделе Безопасность и развертывание ClickOnce. Пошаговые инструкции по использованию этих функций см. в следующих разделах справки:
Другие элементы управления и функции
Пошаговые инструкции по использованию этих функций см. в следующих разделах справки:
Добро пожаловать в Desktop Guide for Windows Forms, платформу пользовательского интерфейса, которая создает многофункциональные клиентские приложения для Windows. Платформа разработки Windows Forms поддерживает широкий набор функций разработки приложений, включая элементы управления, графику, привязку данных и пользовательский ввод. В Windows Forms есть визуальный конструктор с возможностью перетаскивания в Visual Studio, позволяющий легко создавать приложения Windows Forms.
Существует две реализации Windows Forms:
Реализация с открытым исходным кодом, размещенная на GitHub.
Введение
Windows Forms – это платформа пользовательского интерфейса для создания настольных приложений Windows. Он предоставляет один из самых продуктивных способов создания настольных приложений на основе визуального конструктора, предоставляемого в Visual Studio. Такие функции, как размещение визуальных элементов управления с помощью перетаскивания, упрощают создание настольных приложений.
С помощью Windows Forms вы разрабатываете графически насыщенные приложения, которые легко развертывать, обновлять и работать в автономном режиме или при подключении к Интернету. Приложения Windows Forms могут получить доступ к локальному оборудованию и файловой системе компьютера, на котором запущено приложение.
Чтобы узнать, как создать приложение Windows Forms, см. Учебник: Создание нового приложения WinForms.
Создавайте многофункциональные интерактивные пользовательские интерфейсы
В Windows Forms форма — это визуальная поверхность, на которой вы отображаете информацию для пользователя. Обычно вы создаете приложения Windows Forms, добавляя элементы управления в формы и разрабатывая ответы на действия пользователя, такие как щелчки мышью или нажатия клавиш. элемент управления – это отдельный элемент пользовательского интерфейса, который отображает данные или принимает ввод данных.
Когда пользователь что-то делает с вашей формой или одним из ее элементов управления, это действие генерирует событие. Ваше приложение реагирует на эти события с помощью кода и обрабатывает события, когда они происходят.
Windows Forms содержит различные элементы управления, которые можно добавлять в формы: элементы управления, отображающие текстовые поля, кнопки, раскрывающиеся списки, переключатели и даже веб-страницы. Если существующий элемент управления не соответствует вашим потребностям, Windows Forms также поддерживает создание собственных настраиваемых элементов управления с помощью класса UserControl.
Windows Forms имеет богатые элементы управления пользовательского интерфейса, которые эмулируют функции высококачественных приложений, таких как Microsoft Office. При использовании элементов управления ToolStrip и MenuStrip можно создавать панели инструментов и меню, содержащие текст и изображения, отображать подменю и размещать другие элементы управления, такие как текстовые поля и поля со списком.
С помощью конструктора Windows Forms с функцией перетаскивания в Visual Studio вы можете легко создавать приложения Windows Forms. Просто выберите элементы управления курсором и поместите их в нужное место на форме. Конструктор предоставляет такие инструменты, как линии сетки и линии привязки, чтобы упростить выравнивание элементов управления. Вы можете использовать элементы управления FlowLayoutPanel, TableLayoutPanel и SplitContainer для создания расширенных макетов форм за меньшее время.
Наконец, если вам необходимо создать собственные настраиваемые элементы пользовательского интерфейса, пространство имен System.Drawing содержит большой выбор классов для отображения линий, окружностей и других фигур непосредственно в форме.
Создание форм и элементов управления
Пошаговые инструкции по использованию этих функций см. в следующих разделах справки.
Отображение данных и управление ими
Многие приложения должны отображать данные из базы данных, файла XML или JSON, веб-службы или другого источника данных. Windows Forms предоставляет гибкий элемент управления DataGridView для отображения таких табличных данных в традиционном формате строк и столбцов, так что каждый элемент данных занимает свою собственную ячейку. При использовании DataGridView вы можете настраивать внешний вид отдельных ячеек, блокировать произвольные строки и столбцы на месте и отображать сложные элементы управления внутри ячеек, а также другие функции.
Подключение к источникам данных по сети — это простая задача с помощью Windows Forms. Компонент BindingSource представляет собой подключение к источнику данных и предоставляет методы для привязки данных к элементам управления, перехода к предыдущей и следующей записям, редактирования записей и сохранения изменений обратно в исходный источник. Элемент управления BindingNavigator предоставляет простой интерфейс компонента BindingSource, позволяющий пользователям перемещаться между записями.
Вы можете легко создавать элементы управления с привязкой к данным, используя окно "Источники данных" в Visual Studio. В окне отображаются источники данных, такие как базы данных, веб-службы и объекты в вашем проекте. Вы можете создавать элементы управления с привязкой к данным, перетаскивая элементы из этого окна на формы в вашем проекте. Вы также можете привязать существующие элементы управления к данным, перетащив объекты из окна "Источники данных" на существующие элементы управления.
Еще одним типом привязки данных, которым вы можете управлять в Windows Forms, являются настройки. Большинство приложений должны сохранять некоторую информацию о своем состоянии во время выполнения, например последний известный размер форм, и сохранять данные о предпочтениях пользователя, например расположение по умолчанию для сохраненных файлов. Функция «Параметры приложения» отвечает этим требованиям, предоставляя простой способ сохранения обоих типов параметров на клиентском компьютере. После определения этих параметров с помощью Visual Studio или редактора кода они сохраняются в виде XML и автоматически считываются обратно в память во время выполнения.
Развертывание приложений на клиентских компьютерах
После написания приложения его необходимо отправить пользователям, чтобы они могли установить и запустить его на своих клиентских компьютерах. При использовании технологии ClickOnce вы можете развертывать свои приложения в Visual Studio всего несколькими щелчками мыши и предоставлять пользователям URL-адрес, указывающий на ваше приложение в Интернете. ClickOnce управляет всеми элементами и зависимостями в вашем приложении и обеспечивает правильную установку приложения на клиентском компьютере.
Приложения ClickOnce можно настроить для работы только тогда, когда пользователь подключен к сети, или для работы как в сети, так и в автономном режиме. Когда вы указываете, что приложение должно поддерживать работу в автономном режиме, ClickOnce добавляет ссылку на ваше приложение в меню «Пуск» пользователя. Затем пользователь может открыть приложение без использования URL-адреса.
При обновлении приложения вы публикуете новый манифест развертывания и новую копию приложения на своем веб-сервере. ClickOnce обнаружит наличие доступного обновления и обновит установку пользователя. Для обновления старых приложений не требуется специального программирования.
Конструктор Windows Forms предоставляет множество инструментов для создания приложений Windows Forms. В этой статье показано, как создать приложение с помощью различных инструментов, предоставляемых дизайнером, включая следующие задачи:
- Расположить элементы управления с помощью линий привязки.
- Выполнение задач дизайнера с помощью смарт-тегов.
- Задайте поля и отступы для элементов управления.
- Упорядочивание элементов управления с помощью элемента управления TableLayoutPanel.
- Разделите макет элемента управления с помощью элемента управления SplitContainer.
- Перемещайтесь по макету с помощью окна «Структура документа».
- Элементы управления положением с отображением информации о размере и местоположении.
- Установите значения свойств в окне "Свойства".
Когда вы закончите, у вас будет настраиваемый элемент управления, собранный с использованием многих функций макета, доступных в конструкторе Windows Forms. Этот элемент управления реализует пользовательский интерфейс (UI) для простого калькулятора. На следующем изображении показан общий вид элемента управления калькулятором:
Создайте проект пользовательского элемента управления
Первый шаг — создать проект элемента управления DemoCalculator.
Откройте Visual Studio и создайте новый проект библиотеки элементов управления Windows Forms. Назовите проект DemoCalculatorLib.
Чтобы переименовать файл, в обозревателе решений щелкните правой кнопкой мыши UserControl1.vb или UserControl1.cs, выберите «Переименовать» и измените имя файла на DemoCalculator.vb или DemoCalculator.cs. Выберите «Да», когда вас спросят, хотите ли вы переименовать все ссылки на элемент кода «UserControl1».
Конструктор Windows Forms показывает поверхность конструктора для элемента управления DemoCalculator.В этом представлении можно графически спроектировать внешний вид элемента управления, выбрав элементы управления и компоненты из панели инструментов и поместив их на поверхность конструктора. Дополнительные сведения о настраиваемых элементах управления см. в разделе Разновидности настраиваемых элементов управления.
Разработка макета элемента управления
Элемент управления DemoCalculator содержит несколько элементов управления Windows Forms. В этой процедуре вы упорядочите элементы управления с помощью конструктора Windows Forms.
В конструкторе Windows Forms измените размер элемента управления DemoCalculator на больший, выбрав маркер изменения размера в правом нижнем углу и перетащив его вниз и вправо. В правом нижнем углу Visual Studio найдите информацию о размере и расположении элементов управления. Установите размер элемента управления на ширину 500 и высоту 400, наблюдая за информацией о размере при изменении размера элемента управления.
На панели инструментов выберите узел "Контейнеры", чтобы открыть его. Выберите элемент управления SplitContainer и перетащите его на поверхность конструктора.
Контейнер SplitContainer размещается на поверхности конструктора элемента управления DemoCalculator.
Размер элемента управления SplitContainer соответствует размеру элемента управления DemoCalculator. Посмотрите в окно свойств, чтобы увидеть настройки свойств для элемента управления SplitContainer. Найдите свойство Dock. Его значение — DockStyle.Fill, что означает, что размер элемента управления SplitContainer всегда будет соответствовать границам элемента управления DemoCalculator. Измените размер элемента управления DemoCalculator, чтобы проверить это поведение.
В окне свойств измените значение свойства Dock на None .
Размер элемента управления SplitContainer уменьшается до размера по умолчанию и больше не соответствует размеру элемента управления DemoCalculator.
Выберите глиф смарт-тега () в правом верхнем углу элемента управления SplitContainer. Выберите «Закрепить в родительском контейнере», чтобы задать для свойства «Закрепить» значение «Заливка».
Элемент управления SplitContainer пристыковывается к границам элемента управления DemoCalculator.
Некоторые элементы управления предлагают смарт-теги для облегчения дизайна. Дополнительные сведения см. в разделе Пошаговое руководство. Выполнение стандартных задач с помощью смарт-тегов в элементах управления Windows Forms.
Выберите вертикальную границу между панелями и перетащите ее вправо, чтобы большую часть пространства занимала левая панель.
Контейнер SplitContainer делит элемент управления DemoCalculator на две панели с подвижной границей, разделяющей их. Панель слева будет содержать кнопки калькулятора и дисплей, а панель справа будет отображать запись арифметических операций, выполненных пользователем.
В окне "Свойства" измените значение свойства BorderStyle на Fixed3D .
На панели инструментов выберите узел «Общие элементы управления», чтобы открыть его. Выберите элемент управления ListView и перетащите его на правую панель элемента управления SplitContainer.
Выберите глиф смарт-тега элемента управления ListView. На панели смарт-тегов измените параметр «Просмотр» на «Сведения» .
На панели смарт-тегов выберите "Редактировать столбцы".
Откроется диалоговое окно редактора набора заголовков столбцов.
В диалоговом окне редактора коллекции ColumnHeader выберите Добавить, чтобы добавить столбец в элемент управления ListView. Измените значение свойства Text столбца на History. Нажмите OK, чтобы создать столбец.
На панели смарт-тегов выберите Закрепить в родительском контейнере, а затем выберите глиф смарт-тега, чтобы закрыть панель смарт-тегов.
Из панели инструментов узла Containers перетащите элемент управления TableLayoutPanel на левую панель элемента управления SplitContainer.
Элемент управления TableLayoutPanel появляется на поверхности конструктора с открытой панелью смарт-тегов. Элемент управления TableLayoutPanel размещает свои дочерние элементы управления в сетке. Элемент управления TableLayoutPanel будет содержать дисплей и кнопки элемента управления DemoCalculator. Дополнительные сведения см. в разделе Пошаговое руководство. Упорядочивание элементов управления с помощью TableLayoutPanel.
Выберите «Редактировать строки и столбцы» на панели смарт-тегов.
Откроется диалоговое окно "Стили столбцов и строк".
Нажимайте кнопку «Добавить», пока не отобразятся пять столбцов. Выберите все пять столбцов, а затем выберите «Процент» в поле «Тип размера». Задайте для параметра Процент значение 20. Это установит для каждого столбца одинаковую ширину.
В разделе "Показать" выберите "Строки".
Нажимайте кнопку «Добавить», пока не отобразятся пять строк. Выберите все пять строк и выберите «Процент» в поле «Тип размера». Установите процентное значение на 20. Таким образом, каждая строка будет иметь одинаковую высоту.
Нажмите "ОК", чтобы принять изменения, а затем выберите глиф смарт-тега, чтобы закрыть панель смарт-тега.
В окне свойств измените значение свойства Dock на Fill .
Заполните элемент управления
Теперь, когда макет элемента управления настроен, вы можете заполнить элемент управления DemoCalculator кнопками и дисплеем.
На панели инструментов выберите значок элемента управления TextBox.
Элемент управления TextBox помещается в первую ячейку элемента управления TableLayoutPanel.
В окне "Свойства" измените значение свойства ColumnSpan элемента управления TextBox на 5.
Элемент управления TextBox перемещается в положение, которое находится в центре его строки.
Измените значение свойства Anchor элемента управления TextBox на Left , Right .
Элемент управления TextBox расширяется по горизонтали, охватывая все пять столбцов.
Измените значение свойства TextAlign элемента управления TextBox на Right .
В окне "Свойства" разверните узел свойств "Шрифт". Задайте для размера значение 14 и установите для элемента управления TextBox значение true для полужирного шрифта.
Выберите элемент управления TableLayoutPanel.
На панели инструментов выберите значок кнопки.
Элемент управления Button помещается в следующую открытую ячейку элемента управления TableLayoutPanel.
На панели инструментов щелкните значок кнопки еще четыре раза, чтобы заполнить вторую строку элемента управления TableLayoutPanel.
Выберите все пять элементов управления Button, выделив их, удерживая нажатой клавишу Shift. Нажмите Ctrl+C, чтобы скопировать элементы управления Button в буфер обмена.
Нажмите Ctrl+V три раза, чтобы вставить копии элементов управления Button в оставшиеся строки элемента управления TableLayoutPanel.
Выберите все 20 элементов управления Button, выделив их, удерживая нажатой клавишу Shift.
В окне свойств измените значение свойства Dock на Fill .
Все элементы управления Button закрепляются, чтобы заполнить содержащиеся в них ячейки.
В окне "Свойства" разверните узел свойства "Поля". Установите для параметра Все значение 5.
Все элементы управления "Кнопка" имеют меньший размер, чтобы увеличить расстояние между ними.
Выберите кнопки button10 и button20, а затем нажмите клавишу Delete, чтобы удалить их из макета.
Выберите кнопки button5 и button15, а затем измените значение их свойства RowSpan на 2. Это будут кнопки Clear и = для элемента управления DemoCalculator.
Использовать окно «Структура документа»
Если ваш элемент управления или форма заполнены несколькими элементами управления, вам может быть проще перемещаться по макету с помощью окна «Структура документа».
В строке меню выберите «Вид» > «Другие окна» > «Структура документа».
В окне «Структура документа» показано древовидное представление элемента управления DemoCalculator и входящих в него элементов управления. Контейнерные элементы управления, такие как SplitContainer, отображают свои дочерние элементы управления как подузлы в дереве. Вы также можете переименовать элементы управления в окне «Структура документа».
В окне «Структура документа» щелкните правой кнопкой мыши button1 и выберите «Переименовать». Измените его имя на sevenButton.
В окне «Структура документа» переименуйте элементы управления «Кнопка» из имени, созданного дизайнером, в рабочее имя в соответствии со следующим списком:
кнопка 1 – семь кнопок
кнопка2 — 8Button
button3 – девять кнопок
кнопка4 в кнопку разделения
button5 для очистки кнопки
button6 to FourButton
button7 to FiveButton
button8 to sixButton
button9 в кнопку умножения
button11 в одну кнопку
button12 to twoButton
button13 to threeButton
button14 в кнопку вычитания
button15 в equalsButton
button16 в нулевую кнопку
button17 для измененияSignButton
button18 в десятичную кнопку
button19 для кнопки добавления
В окнах Document Outline и Properties измените значение свойства Text для каждого имени элемента управления Button в соответствии со следующим списком:
Измените свойство текста элемента управления sevenButton на 7
Измените свойство текста элемента управления восемькнопок на 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 на . (период)
Измените свойство текста элемента управления addButton на + (знак плюса)
В области конструктора выберите все элементы управления "Кнопка", выделив их, удерживая нажатой клавишу Shift.
В окне "Свойства" разверните узел свойств "Шрифт". Задайте для размера значение 14 и задайте для полужирного шрифта значение true для всех элементов управления "Кнопка".
На этом разработка элемента управления DemoCalculator завершена. Осталось только предоставить логику калькулятора.
Реализовать обработчики событий
Кнопки элемента управления DemoCalculator имеют обработчики событий, которые можно использовать для реализации большей части логики калькулятора. Конструктор Windows Forms позволяет реализовать заглушки всех обработчиков событий для всех кнопок одним выбором.
В области конструктора выберите все элементы управления "Кнопка", выделив их, удерживая нажатой клавишу Shift.
Выберите один из элементов управления Button.
Редактор кода открывается для обработчиков событий, созданных конструктором.
Проверка элемента управления
Поскольку элемент управления DemoCalculator наследуется от класса UserControl, его поведение можно проверить с помощью тестового контейнера UserControl. Дополнительные сведения см. в разделе Как проверить поведение пользовательского элемента управления во время выполнения.
Нажмите F5, чтобы создать и запустить элемент управления DemoCalculator в тестовом контейнере UserControl.
Выберите границу между панелями SplitContainer и перетащите ее влево и вправо. TableLayoutPanel и все его дочерние элементы управления изменяют свой размер, чтобы соответствовать доступному пространству.
После завершения тестирования элемента управления нажмите "Закрыть".
Использование элемента управления в форме
Элемент управления DemoCalculator можно использовать в других составных элементах управления или в форме. Следующая процедура описывает, как ее использовать.
Создать проект
Первым шагом является создание проекта приложения. Вы будете использовать этот проект для создания приложения, отображающего ваш пользовательский элемент управления.
Создайте новый проект приложения Windows Forms и назовите его DemoCalculatorTest.
В обозревателе решений щелкните правой кнопкой мыши проект DemoCalculatorTest и выберите "Добавить" > "Ссылка на проект", чтобы открыть диалоговое окно "Диспетчер ссылок".
(Если вы используете Visual Studio 2017, выберите Добавить > Ссылка, чтобы открыть диалоговое окно Диспетчер ссылок.)
Перейдите на вкладку "Проекты" и выберите проект DemoCalculatorLib, чтобы добавить ссылку на тестовый проект.
В обозревателе решений щелкните правой кнопкой мыши DemoCalculatorTest и выберите "Установить как запускаемый проект".
В конструкторе Windows Forms увеличьте размер формы примерно до 700 x 500.
Использование элемента управления в макете формы
Чтобы использовать элемент управления DemoCalculator в приложении, необходимо поместить его в форму.
В панели инструментов разверните узел "Компоненты DemoCalculatorLib".
Перетащите элемент управления DemoCalculator из панели инструментов на форму. Переместите элемент управления в левый верхний угол формы. Когда элемент управления находится близко к границам формы, появляются линии привязки. Линии привязки указывают расстояние между свойством Padding формы и свойством Margin элемента управления. Разместите элемент управления в месте, указанном линиями привязки.
Перетащите элемент управления Button из панели инструментов на форму.
Переместите элемент управления Button вокруг элемента управления DemoCalculator и посмотрите, где появляются линии привязки. С помощью этой функции вы можете точно и легко настроить элементы управления. Когда закончите, удалите элемент управления Button.
Щелкните правой кнопкой мыши элемент управления DemoCalculator и выберите "Свойства".
Измените значение свойства Dock на Fill .
Выберите форму, а затем разверните узел свойства Padding. Измените значение All на 20.
Размер элемента управления DemoCalculator уменьшен, чтобы соответствовать новому значению Padding формы.
Измените размер формы, перетащив различные маркеры изменения размера в разные положения. Обратите внимание, как изменяется размер элемента управления DemoCalculator.
Дальнейшие шаги
В этой статье показано, как создать пользовательский интерфейс для простого калькулятора. Чтобы продолжить, вы можете расширить его функциональность, внедрив логику калькулятора, а затем опубликовать приложение с помощью ClickOnce. Или перейдите к другому учебнику, в котором вы создаете средство просмотра изображений с помощью Windows Forms.
Читайте также: