5.2. Работа с редактором ресурсов. Знакомство со способами удаления и размещения элементов управления в диалоговом окне.
В открытой вкладке Resource View сделайте двойной щелчок левой клавишей мыши по пункту IDD_ . . . _DIALOG.
Перейдем к центральному пространству. Там запустится редактор ресурсов (см. рис. 14). Вы видите главное окно приложения, каким оно будет во время выполнения программы.
Рис. 14 Среда разработки с запущенным редактором ресурсов
Изменим окно нашего будущего приложения. Сначала удалим кнопки ОК и Cancel. Сделать это можно двумя способами:
Щелкните левой клавишей мыши по любой из кнопок и нажмите клавишу Delete на клавиатуре. Кнопка исчезнет из окна.
Щелкните правой клавишей мыши по любой из кнопок и в появившемся меню выберите пункт Delete (см. рис. 15). Кнопка исчезнет из окна.
Рис. 15 Контекстное меню для удаления элемента управления
УДАЛИТЬ НУЖНО ОБЕ КНОПКИ. Затем любым из предложенных способов удалите надпись TODO: Place dialog controls here.
Если Вы все сделали правильно, Вы увидите пустое диалоговое окно (см. рис. 16).
Рис. 16 Окно после удаления всех элементов управления
Перейдем к работе с элементами управления. Все элементы управления, доступные для размещения в проектируемом окне расположены на Панели инструментов (Toolbox). Обычно панель инструментов располагается справа (рис. 17 выделена рамкой), но она может и отсутствовать.
Если у Вас нет панели инструментов, Вы можете открыть ее одним из двух способов:
в главном меню выберете пункт View (Вид), в раскрывшемся меню выберете пункт Toolbox (Панель инструментов) (см. рис. 18);
с помощью «горячих» клавиш: Ctrl+Alt+X;
с помощью кнопки на панели, которая расположена под главным меню; на этой кнопке нарисованы молоток и гаечный ключ и если задержать указатель мыши на этой кнопке, то появляется надпись “Toolbox”.
Рис. 17 Расположение панели инструментов в среде разработки
Рис. 18 Выбор панели инструментов для отображения
Рассмотрим Панель инструментов подробнее (см. рис. 19). На ней располагаются все элементы управления, доступные для размещения в проектируемом окне:
Pointer (Элемент управления указатель, позволяет настраивать внешний вид указателя мыши);
Button (Элемент управления кнопка);
Check Box (Элемент управления флажок);
Edit Control (Элемент управления поле ввода);
Combo Box (Элемент управления комбинированный список);
List Box (Элемент управления список);
Group Box (Элемент управления группирующая рамка);
Radio Button (Элемент управления переключатель);
Static Text (Элемент управления статический текст);
Picture Control (Элемент управления рисунок);
Horizontal Scroll Bar (Элемент управления горизонтальная полоса прокрутки);
Vertical Scroll Bar (Элемент управления вертикальная полоса прокрутки);
Slider Control (Элемент управления ползунок);
Spin Control (Элемент управления наборный счётчик);
Progress Control (Элемент управления полоса выполнения);
Hot Key (Элемент управления горячая клавиша);
List Control (Элемент управления расширенный список);
Tree Control (Элемент управления список в виде дерева);
Tab Control (Элемент управления вкладками);
Animation Control (Элемент управления анимацией);
Rich Edit 2.0 Control (Элемент управления расширенное поле ввода);
Date Time Picker (Элемент управления выбора времени и даты);
Month Calendar Control (Элемент управления выбора даты);
IP Address Control (Элемент управления задания IP адреса);
Extended Combo Box (Элемент управления расширенный комбинированный список);
Custom Control (Выборочный элемент управления).
Из всех перечисленных элементов управления нам понадобятся: Статический текст (Static Text), Поле ввода (Edit Control) и Кнопка (Button) (на рис. 19 они подчеркнуты). Разместим эти элементы в нашем диалоговом окне.
Рис. 19 Панель инструментов
Для того чтобы разместить элемент управления в окне, выберите нужный элемент управления в Панели инструментов (Toolbar). Наведите на него курсор мыши, затем нажмите левую клавишу мыши и, удерживая её, перетащите элемент управления на форму (при этом вы увидите серый контур элемента управления, который вы размещаете). Поместите его в нужное Вам место в диалоговом окне и отпустите левую клавишу мыши (при этом серый контур элемента управления исчезнет и появится сам элемент управления).
Можно просто щелкнуть левой кнопкой мыши по элементу на панели инструментов, а затем по тому месту диалогового окна, где должен располагаться этот элемент.
После выполнения всех действий, Ваше окно должно выглядеть примерно так, как показано на рис. 20.
Итак, разместив нужные элементы управления в нашем диалоговом окне, приступим к работе с их свойствами.
Рис. 20 Расположение элементов управления в окне