5.4. Настройка внешнего вида диалогового окна.

Теперь нам необходимо уменьшить размеры проектируемого окна. Щелкните левой клавишей мыши в любом месте окна, где нет элементов управления. По контуру окна появится рамка с небольшими квадратиками, которые называются маркерами размеров. Нажав (не отпуская) левую клавишу мыши на любом из квадратиков, Вы можете растягивать и сжимать размеры окна. Точно так же можно изменить размеры любого элемента управления. Измените размеры окна так, как показано на рисунке 24. Измените размеры статического текста и кнопки так, чтобы набранные Вами названия были видны полностью.

Рис. 24 Окно с изменёнными размерами

Теперь изменим выравнивание текста (Align Text). Для этого нам снова понадобится окно свойств. Выделите элемент управления Static Text для работы с его свойствами. В окне свойств найдите поле Align Text (см. рис. 25), оно отвечает за выравнивание текста. По умолчанию текст выравнивается по левому краю (Left). Справа от поля Align Text установите значение Center. Теперь выравнивание будет происходить по центру.

Рис. 25 Свойство выравнивание текста

Теперь изменим расположение текста на кнопке. Выделите кнопку щелчком левой клавишей мыши и перейдите к появившемуся окну свойств. Найдите поля с названиями Horizontal Alignment (Горизонтальное выравнивание) и Vertical Alignment (Вертикальное выравнивание) (см. рис. 26).

Измените значения этих полей на Center (Выравнивание по центру).

Рис. 26 Выравнивание текста на кнопке

5.5. Подготовка к работе элементов управления.

Приступим к настройке поля ввода, расположенного под надписью «Их сумма» в проектируемом окне. Это поле служит лишь для вывода уже полученного значения, поэтому следует сделать его недоступным для ввода каких-либо значений пользователем. Выделите это поле щелчком левой кнопки мыши. В окне свойств найдите поле Read Only (Только для чтения) и установите его значение в True (см. рис. 27). Обратите внимание, что поле стало отображаться серым цветом.

Теперь настроим нашу кнопку таким образом, чтобы нажатие на клавишу Enter было равносильно нажатию на эту кнопку. Таким образом, кнопка станет «кнопкой по умолчанию». Выделите кнопку и перейдите к окну свойств. Найдите поле под названием Default Button (кнопка по умолчанию). Измените значение данного свойства на True (см. рис. 28).

Рис. 27 Настройка текстового поля доступным только для чтения

Рис. 28 Активизация свойства «кнопка по умолчанию»

5.6. Выравнивание управляющих элементов и редактирование порядка переключения между элементами управления

Перейдем к выравниванию элементов управления. Для этого нужно вы­делить все элементы управления в нашем диалоговом окне, которые нуж­но выровнять. Сделать это можно двумя способами:

• Нажмите клавишу Ctrl и, не отпуская её, щелкните на каждом из эле­ментов управления, которые нужно выровнять (выровним сначала эле­менты, расположенные слева);

• нажмите на левую клавишу мыши и, не отпуская её, растяните поя­вив­шийся прямоугольник на элементы управления (см. рис. 29).

Рис. 29 Окно с выделенными элементами управления

Выровнять элементы управления можно относительно окна или отно­си­тельно друг друга. Посмотрим, как происходит выравнивание относи­тель­но окна. Здесь также возможны два способа:

• Выберите в главном меню пункт Format (Формат), в раскрывшемся ме­ню выберите пункт Center in dialog (Расположить в центре диалога), да­лее пункт Vertical (см. рис. 30);

• нажмите комбинацию горячих клавиш Ctrl+F9.

Теперь разберем, как происходит выравнивание элементов управления друг относительно друга. Как и в предыдущем случае, Вы можете восполь­зо­ваться либо главным меню, либо «горячими» клавишами:

• Выберете в главном меню пункт Format (Формат) в раскрывшемся ме­ню выберете пункт Align (Выравнивание), раскроется подменю с ва­риан­тами выравнивания элементов управления, выберете пункт Centers (По центру);

• Или нажмите комбинацию горячих клавиш Shift+F9 (см. рис. 31).

Рис. 30 Меню выравнивания элементов управления относительно окна диалога

Рис. 31 Меню выравнивания элементов управления относительно друг друга

Для того, чтобы разместить элементы управления на одинаковом рас­сто­янии друг от друга, Вы можете воспользоваться одним из двух ва­риантов действий:

• В подменю Format пункта выберете пункт меню Space Evenly (Располагать на одинаковом расстоянии), далее выберите пункт Down (Вниз) (см. рис. 32);

• сочетанием горячих клавиш Alt+↓.

Рис. 32 Меню управления отступом элементов управления

Теперь сделаем все элементы одинакового размера. Самый большой по ширине элемент – статический текст. Именно на него мы и будем равняться при изменении размеров других элементов.

Снимите выделение, щелкнув мышью в любом месте рабочего окна. Теперь вновь выделите элементы, расположенные слева, так, чтобы надпись «Первое число» была выделена последней. Выделенный последним элемент становится главным.

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

Теперь сделаем все элементы в выбранной группе одинаковыми по размеру (такими же, как и главный элемент в выбранной группе). Для этого в главном меню выберете пунктFormat,в появившемся подменю пункт Make Same Size (Сделать одинакового размера), далее пункт Width (По ширине) (см. рис. 33).

Рис. 33 Меню управления размером группы элементов управления

Возможно, после выполнения данной операции Вам придется снова выровнять элементы управления по центру (см. рис. 31).

Выровняйте аналогичным образом элементы, расположенные справа.

Теперь выделите элементы, рас­положенные в одной строке (см. рис. 34).

В главном меню выберите пункт Format | Align | Tops. Выде­ленные эле­менты будут выровнены по верхнему краю главного элемента.

Рис. 34 Окно с выделенными элементами управления

Выровняйте элементы в каждой строке.

Теперь настроим порядок переключения между элементами управления. Для этого можно воспользоваться одним из двух вариантов дей­ст­вий:

• в главном меню выберите пункт Format и в нём подпункт Tab Order (Порядок пе­ре­ключения) (см. рис. 35);

• нажмите комбинацию клавиш Ctrl+D.

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

Рис. 35 Меню настройки режима переключения между элементами управления

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

Рис. 36 Окончательный вид окна приложения