4.2 Создание инструментальной панели приложения

Чтобы добавить инструментальную панель в окно нашего приложения, перетащим мышью ее значок ToolStrip из окна элементов управления среды Visual Studio .NET в окно проектирования формы нашего приложения.

Рисунок 4.5 – Первый этап создания инструментальной панели приложения

По умолчанию окно инструментальной панели появится в верхней части формы. В только что добавленной панели размещена одна кнопка. На рисунке 4.5 показан первый этап создания инструментальной панели.

На рисунке 4.5 видно, что окно создаваемой инструментальной панели находится внутри окна редактора текста (в верхней его части). Чтобы исправить это положение, щелкните правой кнопкой мыши окно редактора текста, а затем выберите из контекстного меню строку Bring to Front (но не Properties). В результате окна примут правильное взаимное расположение.

Если навести курсор мыши на кнопку элемента ToolStrip в инструментальной панели, то появляется подсказка – Add ToolStripButton. Кликнув левой кнопкой мышки по этой кнопке элемента ToolStrip, мы получим справа в инструментальной панели новую аналогичную кнопку. При этом на всех кнопках изображен один и тот же рисунок.

Рисунок 4.6 – Этап создания кнопок инструментальной панели

Поэтому на следующем этапе необходимо изменить изображения на кнопках в инструментальной панели. Прежде чем приступать к замене изображений на кнопках в инструментальной панели, Вам нужно подготовить эти изображения при помощи любого графического редактора или найти необходимые изображения и поместить их в отдельную папку своего проекта (в нашем случае папка с именем ImaList). Можно запустить поиск на диске C по шаблону *.bmp и среди найденных изображений выбрать наиболее подходящие по смыслу.

Далее, начиная с первой кнопки, в ее свойствах выбираем команду Imaje и открываем окно Select Resource, а в нем команду Import и в открывшемся диалоговом окне Open перемещаемся в папку ImaList и выбираем нужные изображения.

Рисунок 4.7 – Выбор файла изображения для кнопки инструментальной панели

Редактирование свойства ToolTipText каждой кнопки инструментальной панели, позволит нам снабдить каждую кнопку окном с поясняющим сообщением, которое появляется при наведении на кнопку курсора мыши.

Рисунок 4.8 – Рабочее окно приложения при наведении курсора мышки на кнопку ObrabT инструментальной

Обработчики событий от кнопок инструментальной панели необходимо связать с обработчиками событий от команд меню. Для этого в свойствах каждой кнопки запускаем страницу «события» и выбираем событие Click (смотри рисунок 4.9).

Рисунок 4.9 – Выбор обработчика событий каждой «иконки»

Дважды щелкаем по правой части таблицы события Click, при этом откроется диалоговое окно уже созданных обработчиков событий для команд нашего меню (смотри рисунок 4.10). Выбираем нужный по смыслу обработчик событий – в нашем примере это первая кнопка инструментальной панели и ей необходимо поставить в соответствие событие sozMToolStripMenuItem_Click.

Рисунок 4.10 – Перечень обработчиков событий команд меню