Элементы управления

Элементы управления представляют собой визуальные классы, которые получают введенные пользователем данные и могут инициировать различные события. Все элементы управления наследуются от класса Control и поэтому имеют ряд общих свойств:

Anchor : Определяет, как элемент будет растягиваться

BackColor : Определяет фоновый цвет элемента

BackgroundImage : Определяет фоновое изображение элемента

ContextMenu : Контекстное меню, которое открывается при нажатии на элемент правой кнопкой мыши. Задается с помощью элемента ContextMenu

Cursor : Представляет, как будет отображаться курсор мыши при наведении на элемент

Dock : Задает расположение элемента на форме

Enabled : Определяет, будет ли доступен элемент для использования. Если это свойство имеет значение False, то элемент блокируется.

Font : Устанавливает шрифт текста для элемента

ForeColor : Определяет цвет шрифта

Location : Определяет координаты верхнего левого угла элемента управления

Name : Имя элемента управления

Size : Определяет размер элемента

Width : ширина элемента

Height : высота элемента

TabIndex : Определяет порядок обхода элемента по нажатию на клавишу Tab

Tag : Позволяет сохранять значение, ассоциированное с этим элементом управления

Кнопка

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

При нажатии на кнопку на форме в редакторе Visual Studio мы по умолчанию попадаем в код обработчика события Click , который будет выполняться при нажатии:

Оформление кнопки

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

Flat — Кнопка имеет плоский вид

Popup — Кнопка приобретает объемный вид при наведении на нее указателя, в иных случаях она имеет плоский вид

Standard — Кнопка имеет объемный вид (используется по умолчанию)

System — Вид кнопки зависит от операционной системы

Изображение на кнопке

Как и для многих элементов управления, для кнопки можно задавать изображение с помощью свойства BackgroundImage. Однако мы можем также управлять размещением текста и изображения на кнопки. Для этого надо использовать свойство TextImageRelation . Оно приобретает следующие значения:

Overlay : текст накладывается на изображение

ImageAboveText : изображение располагается над текстом

TextAboveImage : текст располагается над изображением

ImageBeforeText : изображение располагается перед текстом

TextBeforeImage : текст располагается перед изображением

Например, установим для кнопки изображение. Для этого выберем кнопку и в окне Свойств нажмем на поле Image (не путать с BackgroundImage). Нам откроется диалоговое окно установи изображения:

В этом окне выберем опцию Local Resource и нажмем на кнопку Import , после чего нам откроется диалоговое окно для выбора файла изображения.

После выбора изображения мы можем установить свойство ImageAlign , которое управляет позиционированием изображения на кнопке:

Нам доступны 9 вариантов, с помощью которых мы можем прикрепить изображение к определенной стороне кнопки. Оставим здесь значение по умолчанию — MiddleCenter , то есть позиционирование по центру.

Затем перейдем к свойству TextImageRelation и установим для него значение ImageBeforeText . В итоге мы получим кнопку, где сразу после изображения идет надпись на кнопке:

Клавиши быстрого доступа

При работе с формами при использовании клавиатуры очень удобно пользоваться клавишами быстрого доступа. При нажатии на клавиатуре комбинации клавиш At+некоторый символ, будет вызываться определенная кнопка. Например, зададим для некоторой кнопки свойство Text равное &Аватар . Первый знак — амперсанд — определяет ту букву, которая будет подчеркнута. В данном случае надпись будет выглядеть как А ватар. И теперь чтобы вызвать событие Click, нам достаточно нажать на комбинацию клавиш Alt+А.

Кнопки по умолчанию

Форма, на которой размещаются все элементы управления, имеет свойства, позволяющие назначать кнопку по умолчанию и кнопку отмены.

Так, свойство формы AcceptButton позволяет назначать кнопку по умолчанию, которая будет срабатывать по нажатию на клавишу Enter.

Аналогично работает свойство формы CancelButton , которое назначает кнопку отмены. Назначив такую кнопку, мы можем вызвать ее нажатие, нажав на клавишу Esc.

Элементы управления Windows Forms Windows Forms controls

При проектировании и изменении пользовательского интерфейса приложений Windows Forms, вам потребуется добавлять, выравнивать и размещать элементы управления. As you design and modify the user interface of your Windows Forms applications, you will need to add, align, and position controls. Элементы управления — это объекты, содержащиеся в объектах форм. Controls are objects that are contained within form objects. Каждый тип элемента управления имеет собственный набор свойств, методов и событий для достижения определенной цели. Each type of control has its own set of properties, methods, and events that make it suitable for a particular purpose. Вы можете управлять элементами управления в конструкторе и писать код для динамического добавления элементов управления во время выполнения. You can manipulate controls in the designer and write code to add controls dynamically at run time.

В этом разделе In this section

Размещение элементов управления в формах Windows Forms Putting Controls on Windows Forms
Ссылки, связанные с размещением элементов управления в формах. Provides links related to putting controls on forms.

Упорядочение элементов управления в формах Windows Forms Arranging Controls on Windows Forms
Статьи, связанные с упорядочением элементов управления в формах. Articles related to arranging controls on forms.

Создание меток и назначение сочетаний клавиш для элементов управления Windows Forms Labeling Individual Windows Forms Controls and Providing Shortcuts to Them
Использование сочетаний клавиш, текстовых меток на элементах управления, а также клавиш-модификаторов. Describes the uses of keyboard shortcuts, text labels on controls, and modifier keys.

Элементы управления для использования в Windows Forms Controls to Use on Windows Forms
Список элементов управления, которые работают с Windows Forms, а также основные действия, которые можно выполнить с каждым элементом. Lists the controls that work with Windows Forms, and basic things you can accomplish with each control.

Разработка пользовательских элементов управления Windows Forms в .NET Framework Developing Custom Windows Forms Controls with the .NET Framework
Дополнительные сведения и образцы, которые помогут вам в разработке пользовательских элементов управления Windows Forms. Provides background information and samples to help users develop custom Windows Forms controls.

Создание элементов управления Windows Forms во время разработки Developing Windows Forms Controls at Design Time
Способы создания пользовательских элементов управления с помощью проектирования и наследования. Describes techniques for creating custom controls through design and inheritance.

Связанные разделы Related sections

Клиентские приложения Client Applications
Сведения о разработке приложений Windows. Provides an overview of developing Windows-based applications.

Программное добавление элементов управления в Windows Forms во время выполнения с помощью Visual C#

Эта статья поможет программным способом добавлять и настраивать элементы управления в форме Windows Forms с помощью Visual C#.

Исходная версия продукта: Visual C #
Исходный номер статьи базы знаний: 319266

Сводка

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

Пакет средств разработки программного обеспечения (SDK) Microsoft .NET Framework предоставляет множество визуальных элементов управления, которые можно использовать для создания приложения Windows Forms. Вы можете добавлять и настраивать элементы управления во время конструирования в Visual Studio .NET или в Visual Studio. Вы можете добавлять и настраивать элементы управления программным способом во время выполнения.

Требования

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

• Синтаксис Visual C#
• Среда Visual Studio .NET, среда Visual Studio
• Назначение распространенных элементов управления Visual C#

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

Запустите Visual Studio .NET или Visual Studio и создайте новый проект приложения Visual C# для Windows с именем винконтролс. По умолчанию форма Form1 добавляется в проект.

Дважды щелкните Form1, чтобы создать и просмотреть Form1_Load процедуру обработки события.

Добавьте в класс переменные частных экземпляров Form1 для работы с общими элементами управления Windows. Form1 Класс запускается следующим образом:

Код должен быть изменен в Visual Studio. Когда вы создаете проект Windows Forms, Visual C# добавляет по умолчанию одну форму в проект. Эта форма называется Form1. Два файла, представляющие форму, называются Form1.CS и Form1.Designer.CS. Вы пишете свой код в Form1.CS. Файл Designer.CS — это место, в котором конструктор Windows Forms записывает код, который реализует все действия, выполненные путем добавления элементов управления. Дополнительные сведения о конструкторе Windows Forms в Visual C# приведены в статье Создание проекта (Visual c#).

Настройка свойств формы и элемента управления

Нахождение Form1_Load процедуры обработки события и добавление в процедуру следующего кода для настройки внешнего вида элемента управления формы:

Добавьте следующий код в Form1_Load процедуру обработки события для настройки внешнего вида элемента управления «Кнопка»:

Добавьте следующий код для настройки внешнего вида элемента управления TextBox в Form1_Load :

Добавьте следующий код для настройки внешнего вида элемента управления ListBox в Form1_Load :

Добавьте следующий код, чтобы настроить внешний вид элемента управления CheckBox в Form1_Load :

Добавьте следующий код, чтобы настроить внешний вид элемента управления Label в Form1_Load :

Добавление элементов управления в форму

Добавьте следующий код, чтобы добавить каждый объект в Controls массив формы в конце Form1_Load :

Проверка работы

Чтобы убедиться, что пример работает, выберите команду начать в меню Отладка .

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

Ссылки

Дополнительные сведения об использовании элементов управления программным способом можно найти в разделе приложения Windows в разделе Visual C# справочной документации по Visual Studio .NET Online или в справочной документации по Visual Studio Online.

Как располагать элементы управления на Windows Forms How to: Position controls on Windows Forms

Чтобы разместить элементы управления, используйте конструктор Windows Forms в Visual Studio или укажите Location свойство. To position controls, use the Windows Forms Designer in Visual Studio or specify the Location property.

Размещение элемента управления в области конструктора конструктор Windows Forms Position a control on the design surface of the Windows Forms Designer

В Visual Studio перетащите элемент управления в соответствующее место с помощью мыши. In Visual Studio, drag the control to the appropriate location with the mouse.

Выберите элемент управления и переместите его с помощью клавиш со СТРЕЛКАми, чтобы более точно расположить его. Select the control and move it with the ARROW keys to position it more precisely. Кроме того, линии привязки помогают точно разместить элементы управления в форме. Also, snaplines assist you in placing controls precisely on your form. Дополнительные сведения см. в разделе Пошаговое руководство. Упорядочивание элементов управления в Windows Forms с помощью линий привязки. For more information, see Walkthrough: Arranging Controls on Windows Forms Using Snaplines.

Размещение элемента управления с помощью окно свойств Position a control using the Properties window

В Visual Studio выберите элемент управления, который требуется разместить. In Visual Studio, select the control you want to position.

В окне Свойства введите значения для Location свойства, разделенные запятыми, чтобы разместить элемент управления в контейнере. In the Properties window, enter values for the Location property, separated by a comma, to position the control within its container.

Первое число (X) — это расстояние от левой границы контейнера; второе число (Y) — это расстояние от верхней границы области контейнера, измеряемое в пикселях. The first number (X) is the distance from the left border of the container; the second number (Y) is the distance from the upper border of the container area, measured in pixels.

Можно развернуть свойство, Location чтобы ввести значения X и Y по отдельности. You can expand the Location property to type the X and Y values individually.

Размещение элемента управления программным способом Position a control programmatically

Присвойте Location свойству элемента управления значение Point . Set the Location property of the control to a Point.

Измените координату X расположения элемента управления с помощью Left подсвойства. Change the X coordinate of the control’s location using the Left subproperty.

Программное увеличение расположения элемента управления Increment a control’s location programmatically

Задайте Left подсвойство, чтобы увеличить координату X элемента управления. Set the Left subproperty to increment the X coordinate of the control.

Используйте Location свойство, чтобы одновременно задать координаты X и Y элемента управления. Use the Location property to set a control’s X and Y positions simultaneously. Чтобы задать расположение по отдельности, используйте Left подсвойство (X) или Top (Y) элемента управления. To set a position individually, use the control’s Left (X) or Top (Y) subproperty. Не пытайтесь неявно задать координаты X и Y Point структуры, представляющей расположение кнопки, так как эта структура содержит копию координат кнопки. Do not try to implicitly set the X and Y coordinates of the Point structure that represents the button’s location, because this structure contains a copy of the button’s coordinates.