Читать далее: Установка порядка передачи фокуса при нажатии клавиши Tab

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

Инструментальная панель Toolbox в Visual Studio содержит множество готовых элементов управления для разработки собственных решений. Большинство реальных функций пользовательского интерфейса реализовано соответствующими элементами управления, размещенными на формах. Возьмем для примера элемент управления, представляющий кнопку (Button). Его размещают на форме и, как правило, снабжают заголовком, поясняющим его назначение. Когда пользователь щелкает кнопку, вызывается обработчик события click, исполняющий некоторый код. Элементы управления Label (надпись) и PictureBox (изображение) предназначены для отображения данных, а TextBox (текстовое поле) и ListBox (список) способны как отображать данные, так и принимать их от пользователя.

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

Как добавить элемент управления к приложению

1. Щелкните нужный элемент управления на панели инструментов.
2. Щелкните форму в том месте, куда его хотите поместить. Не отпуская левой кнопки мыши, установите требуемый размер элемента управления, перетащив его границы.

Есть и другие варианты: можно просто перетащить элемент управления на форму либо дважды щелкнуть его значок на инструментальной панели — в результате на форму добавится экземпляр элемента управления, положение и размеры которого заданы по умолчанию (если это допустимо).

3. Откорректируйте размер и положение элемента управления мышью или клавишами управления курсором.

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

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

1. Щелкните элемент управления правой кнопкой и выберите из контекстного меню Properties. Возможны другие варианты: щелкните нужный элемент управления левой кнопкой и нажмите F4 либо выберите команду Properties из меню View.
2. Введите нужные значения в поля редактируемых свойств.

Как одновременно отредактировать свойства для нескольких элементов управления во время разработки

1. Выделите нужные элементы управления на форме. Для этого щелкните форму и, не отпуская кнопки мыши, обведите их либо нажмите клавишу Ctrl и, не отпуская ее, щелкните по очереди необходимые элементы управления.

Общие для всех выделенных элементов управления свойства отобразятся в окне Properties.

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

Панель Toolbox также содержит компоненты, которые, как и элементы управления, представляют собой предварительно скомпилированные блоки, инкапсулирующие определенную функциональность; их можно включать в собственные приложения. Главное отличие компонентов и элементов управления в том, что компоненты не видны в пользовательском интерфейсе приложения (например компонент Timer, генерирующий события через заданный интервал времени). У компонентов нет графического интерфейса. Поэтому те, что размещаются на форме при помощи дизайнера, попадают не на поверхность формы, а в область компонентов (component tray). Она находится внизу окна дизайнера и предоставляет графический интерфейс для манипулирования свойствами компонентов, не имеющих собственного интерфейса. Компоненты добавляют к приложению так же, как элементы управления, а для редактирования их свойств во время разработки применяется окно Properties.