Подробное рассмотрение. Общее представление о макете элемента управления

Обновлен: Ноябрь 2007

При добавлении элементов управления в форму их можно упорядочить множеством способов. Например, в некоторых случаях требуется расположить три кнопки в форме в виде столбца, а в других — разместить их рядом друг с другом. Это упорядочение элементов управления называется макетом. В Visual Basic существует множество средств и методов, которые можно использовать для упорядочения и изменения размеров элементов управления, добавляемых в форму. В этом разделе мы рассмотрим некоторые из этих методов.

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

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

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

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

Выравнивание элемента управления по краю формы

Иногда элемент управления требуется выровнять таким образом, чтобы его край совпадал с границей формы. Этот процесс называется закреплением элемента управления. Пример в шаге Шаг 3. Настройка внешнего вида и поведения демонстрирует, как выровнять Panel по верхнему краю, установив ее свойство Dock равным Top.

Можно закрепить элемент управления на любом краю формы (сверху, снизу, слева или справа), и элемент управления будет оставаться выровненным даже в том случае, если форма изменит размер. Например, если закрепить элемент управления в верхней части формы и затем изменить ширину формы, элемент управления автоматически изменит свой размер по новой ширине. Закрепление элемента управления по всем сторонам формы аналогично установке свойства Dock равным Fill. Это связано с тем, что элемент управления заполняет всю форму.

Примечание.
Если уже имеется элемент управления, присоединенный к одному краю формы, и затем свойству Dock второго элемента управления присваивается значение Fill, второй элемент управления заполняет только оставшееся пространство.

Выравнивание элемента управления относительно других элементов

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

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

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

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

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

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

Можно настроить элемент управления для автоматического изменения размера при изменении размера формы, присвоив свойству Dock значение Fill. Вы уже видели пример Шаг 3. Настройка внешнего вида и поведения, где было рассмотрено, как закрепить WebBrowser таким образом, чтобы он заполнил область формы Windows Forms. При увеличении размера формы элемент управления WebBrowser автоматически изменяется, подстраиваясь под размер формы.

При желании можно также задать точные значения размеров элемента управления, установив свойства Height и Width для элемента управления в окне Свойства.

Примечание.
Свойства Height и Width элемента управления находятся ниже свойства Size в окне Свойства.

Последующие шаги

В следующем разделе рассматривается добавление строки кода в программу.

Следующее занятие: Шаг 4. Добавление кода на Visual Basic.

См. также

Задачи

Шаг 2. Создание пользовательского интерфейса