студент повинен продемонструвати свої навички роботи з вивченими компонентами та методами проектування інтерфейсу користувача. br/>
Лабораторна робота № 9. Створення найпростішого графічного редактора
Мета: Вивчення компонентів Image, ScrollBox, компонетов-діалогів, а також обробки подій миші.
Короткі теоретичні відомості.
Компонент Image являють собою деяку обмежену поверхню з канвою, на яку можна заносити зображення. Властивості і методи роботи з канвою описані в Л/р № 4. p align="justify"> Компонент Image використовується для відображення графіки: піктограм, бітових матриць і метафайлов. Для цього служить його властивість Picture - об'єкт типу TPicture. Якщо встановити властивість AutoSize в true, то розмір компоненту Image буде автоматично підганяти під розмір вміщеній в нього картинки. Якщо ж властивість AutoSize встановлено в false, то зображення може не поміститися в компонент або, навпаки, площа компоненту може виявитися багато більше площі зображення. Інша властивість - Stretch дозволяє підганяти НЕ компонент під розмір малюнка, а малюнок під розмір компоненту
Властивість - Center, встановлене в true, центрує зображення на площі Image, якщо розмір компоненту більше розміру малюнка. p align="justify"> Розглянемо ще одну властивість - Transparent (прозорість). Якщо Transparent одно true, то зображення в Image стає прозорим. Це можна використовувати для накладення зображень один на одного. - Панель з прокруткою. Цей компонент призначений для створення області, в якій можуть розміщуватися компоненти, що займають площу більшу, ніж сам ScrollBox. Якщо розміри ScrollBox менше, ніж розміщені компоненти, то з'являються смуги прокрутки, які дозволяють користувачеві переміщатися по всіх розміщеним в ScrollBox компонентам. p align="justify"> Властивості компонентів OpenPictureDialog і SavePictureDialog нічим не відрізняються від властивостей компонентів OpenDialog і SaveDialog. Єдина відмінність - задане значення за замовчуванням властивості Filter в OpenPictureDialog і SavePictureDialog. У цих компонентах задані наступні фільтри:
All (*. jpg; *. jpeg; *. bmp; *. ico; *. emf; *. wmf) *. jpg; *. jpeg; *. bmp; *. ico; *. emf; *. wmf JPEG Image File (*. jpg) *. jpg JPEG Image File (*. jpeg) *. jpeg Bitmaps (*. bmp) *. bmp Icons (*. ico) *. ico Enhanced Metafiles ( *. emf) *. emf Metafiles (*. wmf) *. wmf
У цих фільтрах перераховані всі типи графічних файлів, з якими може працювати діалог. Так що вам залишається видалити, якщо хочете, фільтри тих файлів, з якими ви не хочете працювати, додати, може бути, фільтр В«Всі файли (*. *)В» Та перекласти російською мовою назви типів. p align="justify"> Компонент ColorDialog викликає діалогове вікно вибору кольору. У ньому користувач може вибрати колір з базової палітри або, натиснувши кнопку Визначити колір, розкрити додаткову панель, що дозволяє синтезувати колір, відмінний від базових. Синтезований колір можна додати кнопкою Додати в набір в палітру додаткових квітів на лівій панелі і використовувати його надалі. p align="justify"> Події миші
СобитіеОпісаніеonClickЩелчок миші на компоненті і деякі інші дії пользователяonDblClickДвойной клацання миші на компонентеonMouseDownНажатіе клавіші миші на компоненті. Можливо розпізнавання натиснутою кнопки і координат курсору мишіonMouseMoveПеремещеніе курсору миші над компонентом. Можливо розпізнавання натиснутою кнопки і координат курсору мишіonMouseUpОтпусканіе раніше натиснутою миші над компонентом. Можливо розпізнавання натиснутою кнопки і координат курсору мишіonStartDragНачало процесу В«перетягуванняВ» об'єкта. Можливо розпізнавання перетягуваного об'ектаonDragOverПеремещеніе В«перетягуваногоВ» об'єкта над компонентом. Можливо розпізнавання перетягуваного об'єкта і координат курсору мишіonDragDropОтпусканіе раніше натиснутою кнопки миші після В«перетягуванняВ» об'єкта. Можливо розпізнавання перетягуваного об'єкта і координат курсору мишіonEndDragЕще одна подія при відпуску раніше натиснутою кнопки миші після В«перетягуванняВ» об'єкта. Можливо розпізнавання перетягуваного об'єкта і координат курсору мишіonEnterСобитіе в момент отримання елементом фокусу в результаті маніпуляцій мишею, натискання клавіші табуляції або програмної передачі фокусаonExitСобитіе в момент втрати елементом фокусу в результаті маніпуляцій мишею, натискання клавіші табуляції або програмної передачі фокусу
У всі події, пов'язані з мишею, передаються також координати курсору X і Y. Ці параметри визначають координати курсору в клієнтській області компонента. Завдяки цьому можна забезпечити різну реакцію в залежності від того, в якій частині клієнтської області розташований курсор. p align="justify"> Хід робот...
