Створення панелі керування (Toolbar) в c# .Net .

Нам знову потрібно перейти до вікна Toolbox (Панель інструментів) розвороту Menus & Toolbars. Цього разу ми виберемо елемент ToolStrip (малюнок 5)

Малюнок 5.

Перетягніть елемент керування на вікно й ви побачите як уздовж його верхньої границі розміститися панель ToolBar (малюнок 6).

Малюнок 6.

Ми змінимо положення прив'язки нашого ToolBar’a. Для цього клацнемо по ньому правою кнопкою, і в контекстному меню, що відкрилося, виберемо пункт властивості. Відкриється вікно властивостей: тут ми змінимо прив'язку на ліву частину вікна, зробивши зміни в параметр Dock, як показано на малюнку 7.

Малюнок 7.

Тепер збільшимо розміри кнопок на toolbar’e. Для цього спочатку необхідно в його властивостях установити параметр AutoSize рівним false. Тепер ми можемо змінити розміри самих кнопок – установимо параметри Size- Width рівним 44. Поле стане ширше - малюнок 8.

Малюнок 8.

Тепер додамо 3 кнопки на наш ToolBar. Для цього клацніть по ньому й у списку, що розкривається, елементів, які ми можемо додати, виберіть елемент button. Малюнок 9.

Малюнок 9.

Повторите операцію, щоб кнопок на панелі стало дві. Тепер по черзі виберіть кожну кнопку й у її властивостях встановіть AutoSize рівний false. Після цього перейдіть до поля Size й встановіть висоту рівну 42. Тепер кнопки приймуть квадратний вид. Таким чином, на панелі розмістяться 3 кнопки, як показано на малюнку 10.

Малюнок 10.

Тепер призначимо зображення для даних картинок. Як зображення можна використати всі сучасні формати, у тому числі й png24 з підтримкою прозорості. Ми будемо використати 3 наступні зображення:

Зображення для кнопки 1.

(Буде призначено кнопці, відповідальної за відкриття додаткового діалогового вікна). Так в наступних, зображення будуть призначені кнопкам, які будуть відповідати за завантаження файлів jpg й png.

Зображення для кнопки 2.Зображення для кнопки 3.

(!!!) Зверніть увагу, що в даних зображень прозоре тло.

2 кнопки будуть дублювати меню з функціями завантаження зображень, 1-я кнопка буде призначена для виклику вікна, з відображенням картинки, що ми завантажили. Тепер для установки зображень необхідно перейти у властивості картинки, після чого ми встановимо значення параметра ImageScaling рівним none, щоб зображення не масштабувалося. Тепер у параметрі Image ми можемо вибрати зображення для завантаження, як показано на малюнку 11.

Малюнок 11.

У процесі вибору відкриється вікно, показане на малюнку 12.

Малюнок 12.

Тепер клацніть на кнопці Import і виберіть необхідний малюнок. Аналогічно повторіть з іншими малюнками. У результаті ви одержите 3 гарні кнопки, як показано на малюнку 13.

Малюнок 13.

Для того щоб створити оброблювачі натискань на кнопки цього ToolBox’а, досить зробити подвійний клік миші на кожному з них – MS Visual Studio автоматично згенерує код оброблювач події й заготівлі функцій. У майбутньому, ми додамо виклик необхідних нам функцій із цього оброблювача.

Тепер ми розмістимо на формі елемент PictureBox і налаштуєм розміри вікна, щоб воно виглядало наступним чином – малюнок 14.

Малюнок 14.

У властивостях доданого елемента PictureBox встановіть параметр SizeMode рівний StretchImage. Тепер, коли ми реалізуємо завантаження зображення, воно буде масштабуватися під розміри нашого елемента PictureBox.