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

Свойство "Dock" устанавливает, каким образом элемент будет заполнять пространство на форме, и имеет следующие возможные значения:

  • None – не использовать заполнение;
  • Top – заполнение свободной верхней части формы, высота компонента фиксирована;
  • Left – заполнение свободной левой части формы, ширина компонента фиксирована;
  • Fill – заполняется вся свободная часть формы.
  • Right – заполнение свободной правой части формы, ширина компонента фиксирована;
  • Bottom - заполнение свободной нижней части формы, высота компонента фиксирована.

Свойство" Location" указывает положение элемента относительно родительского элемента.

  • left - расстояние от левого края родительского элемента до левого края текущего элемента. Фиксирует расположение левого края элемента.
  • top - расстояние от верхнего края родительского элемента до верхнего края текущего элемента. Фиксирует расположение верхнего края элемента.
  • right - расстояние от правого края родительского элемента до правого края текущего элемента. Фиксирует расположение правого края элемента.
  • bottom - расстояние от нижнего края родительского элемента до нижнего края текущего элемента. Фиксирует расположение нижнего края элемента.

Пример настройки интерфейса