Окт 16

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

В процессе размещения элементов управления часто возникает желание придать этому размещению эстетически приятный вид. Например, хорошо смотрится диалоговое окно, в котором однотипные элементы имеют одинаковые размеры, хотя бы по вертикали. Также окно радует глаз пользователя, если позиционирование некоторой группы элементов выровнено по положению одного из элементов.
Интегрированная среда Visual Studio содержит удобный инструмент для решения таких задач. Когда программист работает с редактором диалоговых окон, в главном меню Visual Studio появляется пункт Layout, выбор которого вызывает соответствующее подменю. Команды выравнивания из подменю Layout применяются к группе выделенных элементов.
Чтобы выделить группу элементов, нужно нажать клавишу Ctrl и, удерживая ее в нажатом состоянии, последовательно щелкать мышью на элементах, включаемых в группу. Следует помнить, что последний элемент, включаемый в группу, считается эталонным элементом. Именно по этому эталонному элементу будут подстраиваться характеристики остальных элементов в группе при выполнении некоторых команд из подменю Layout.
После выделения группы элементов вызывается нужная команда. Например, если необходимо сделать одинаковыми размеры элементов, то выбирается команда Make Same Size, а всплывающее каскадное меню предоставляет на выбор варианты Width (по ширине), Height (по высоте), Both (по ширине и высоте одновременно).
Для выравнивания позиционирования элементов выбирается команда Align. Чаще всего при работе с этой командой используются параметры Left (по левой границе) и Right (по правой границе).
Команда Space Evenly позволяет выровнять промежутки между элементами при размещении по горизонтали (опция Across) или при размещении по вертикали (опция Down). Команда Center in Dialog перемещает всю группу выделенных элементов, центрируя ее либо по горизонтали (опция Horizontal), либо по вертикали (опция Vertical).
Команда Arrange Buttons применяется только для кнопок и позволяет размещать группу кнопок либо по правому краю, либо по нижнему краю формы диалогового окна.
Воспользуемся инструментом Layout для улучшения внешнего вида создаваемого диалогового окна в приложении DlgDemol.
Применим команду Make Same Size, чтобы сделать одинаковой ширину всех элементов Static Text, команду Align — для позиционирования всех элементов по левому краю надписи DlgDemol и команду Space Evenly — для выравнивания промежутков между элементами по вертикали.
Итак, мы завершили проектирование шаблона диалога.
Ради любопытства посмотрим на свойства кнопки ОК, которую нам «подарил» редактор диалога.