Лабораторна робота №4 Робота над проектом «Альбом картинок» (компонент Image вкладки Additional)

Мета: Навчитись на практиці використовувати компоненту Image та її властивості.

Хід роботи

1. Відкрийте свій проект.

2. Створіть 2 нових форми Form3 і Form4.

3. На формі Form1, де розміщено зміст, створіть ще одну кнопку BitBtn2 і зробіть на ній надпис Робота з картинками.

4. Клацніть двічі на кнопці BitBtn2 і у вікні програмного коду введіть команду Form3.Show.

Створення альбому на формі Form3

1. Для форми Form3 задайте заголовок Альбом картинок.

2. На формі Form3 створіть об'єкт Panel1 і встановіть для нього властивості, як зазначено в довіднику.

3. Розташуйте на об'єкті Рапеl14 кнопки Button1, Button2, Button3 і Button4. Встановіть для них власти­вості і введіть програмні коди, як зазначено в довіднику.

4. Знайдіть на вкладці Additional палітри компо­нент компоненти ScrollBox і створіть на формі Form3 об'єкт ScrollBox1. Встановіть для нього влас­тивості, як зазначено в довіднику.

5. На вкладці Additional палітри компонентів знай­діть 0 компоненту Image (Рисунок) і розташуйте її на об'єкті ScrllBox1. Встановіть для Image1 розмір, зазначений в довіднику. У властивості Stretch (розтя­жка) виберіть значення True (Увімкнено), що дозво­лить автоматично підганяти розмір картинки відпо­відно до розміру об'єкта Image.

6. Створіть ще 5 копій об'єкта Image1: Image2 Image3 Image4 Image5, Image6. Для цього виділіть об'­єкт Image1, викличте для нього контекстне меню, виберіть у ньому команду Edit/Copy, потім 5 разів виконайте команду Edit/Paste. Розмістіть одержані об'єкти на об'єкті ScrollBox1 як показано на рис1.

7. Розташуйте на формі компоненту Image7, вста­новіть для неї розмір, як показано на рис. 3. У влас­тивості Stretch (розтяжка) виберіть значення True.

8. Виділіть об'єкт Image1, в інспекторі об'єктів знай­діть властивість Picture (Зображення), клацніть на кно­пці построителя (три крапки) і за допомогою редактора зображень (PictureEditor) завантажте картинку Ліс (D:\Картинки\ Ліс. jpg). Ви переконаєтесь, що картинка розташувалась точно за розміром об'єкта Image1.

9. Аналогічно завантажте відповідні картинки для об'єктів Image2, ImageЗ, Image4, Image5, Image6 (див. довідник).

10. Двічі клацніть на об'єкті Image1 (картинка Ліс) і у вікні редактора вихідного тексту введіть команду: Image7.Picture.LoadFromFile (‘D:\Картинки\Ліс.ipg’);.

Рис.1

Компоненти	Властивість	Значення властивості	Програмний код
Form1	WindowState	wsMaximized
Button2	Caption	Робота з картинками	Form3.Show;
Робота з картинками
Form3	WindowState	wsNormal
	Caption	Альбом картинок
Panel1	Caption	Заголовок відсутній
Button1	Caption	Зміст	Form1.Show;
Button2	Caption	Назад	Form2.Show;
Button3	Caption	Вперед	Form4.Show;
Button4	Caption	Вихід	Form1.Close;
ScrollBoxl
Image1	Height	89
	Widht	169
	Stretch	True
Image2 ImageЗ Image4 Image5 Imageб	Скопіювати з Image1
Image7	Height	Встановити вручну
	Wight	Встановити вручну
	Stretch	True
Image1	Picture	Завантажити картинку Ліс	Image7.Picture.LoadFromFile(‘D:\Картинки\Ліс.ipg’);
Image2	Picture	Завантажити картинку Водоспад	Image7.Picture.LoadFromFile(‘D:\Картинки\Водоспад./jpg’);
Image3	Picture	Завантажити картинку Осінь	Image7.Picture.LoadFromFile(‘D:\Картинки\Осінь.ipg’);
Image4	Picture	Завантажити картинку Пейзаж	Image7.Picture.LoadFromFile ('D:\Картинки\Пейзаж.ipg’)
Image5	Picture	Завантажити картинку Прилив	Image7.Picture.LoadFromFile(‘D:\Картинки\Прилив.ipg’)
Image6	Picture	Завантажити картинку Природа	Image7.Picture.LoadFromFile(‘D:\Картинки\Природа.ipg’)

11. Виконайте цю дію для решти об'єктів Image2, Image3, Image4, Image5, Image6.

12. Відкомпілюйте проект (Project\Compile), запу­стіть і перевірте його роботу. Після клацання мишею на будь-якій маленькій картинці на екрані повинно з'явитися її збільшене зображення. Перевірте також роботу кнопок Зміст, Назад, Вперед, Вихід.

13. Збережіть проект командою Flle\SaveAll.

Теоретичні питання

1. Поясніть принципи інкапсуляція, спадкування й поліморфізм.

2. Що таке метод?

3. Що таке подія?

4. Призначення контейнера група GroupBox;

5. Призначення контейнера панель Panel;

6. Призначення контейнера область із прокручуванням ScrollBox;

7. Призначення контейнера фрейм (рамка) Frame.

8. Призначення об’єкта Image, його властивості.