Элементы управления для работы с графикой

При создании приложений нередко возникает необходимость украсить их графическим изображением. В этом случае можно воспользоваться компонентом изображение. На панели компонентов Стандартные элементы управления компонент изображение представлен в виде PictureBox , имя объекта PictureBox. Компонент PictureBox, помещенный на форму, получает имя PictureBox N, где N — номер 1, 2, 3...

Используя свойство Image, можно выбрать и загрузить изображение на этапе проектирования приложения. Изображение может быть выбрано в контейнере при нажатии на кнопку в правом верхнем углу компонента. В этом случае рисунок сохраняется в файле формы и для работы приложения отдельного файла с рисунком не требуется. Компонент поддерживает вставку рисунков в форматах JPEG, PNG, BMP, GIF. Если требуется обработка изображения (любые изменения рисунка), то рисунок должен быть сохранен в формате BMP. Для рисунков формата PNG или GIF с прозрачным фоном при загрузке сохраняется прозрачность. Рисунок можно загрузить как фон формы. Для этого предназначено свойство формы BackgroundImage.

Свойство Image компонента PictureBox обладает методом Save, который используется для сохранения изображения. Метод Load компонента PictureBox может быть использован для загрузки изображения при открытии приложения. В этом случае файл с рисунком должен находиться в папке проекта (или нужно прописать полный путь к файлу).

Создать проект, разместить в нем фоновое изображение на форме. При нажатии на кнопку поверх фонового изображения должно появиться другое изображение. ºтаÌØ ¿ØÌËÈнÂниÜ ÄаÁаниÜ

1. Установить размеры формы Height = 450, Width = 670.

2. Загрузить фоновое изображение для формы. Задать для свойства формы BackgroundImageLayout значение Stretch.

3. Поместить на форму компонент изображение и кнопку.

4. Для компонента PictureBox установить значение для свойства Visible = = False (изображение невидимо при запуске приложения). Размеры Height = 120, Width = 200. Свойство SizeMode = = StretchImage.

5. Загрузить изображение в компонент PictureBox. Изображение может быть формата PNG, или GIF с прозрачным фоном, или формата BMP с фоном однородного цвета. Свойство BackColor = Transparent.

6. Написать обработчик события OnClick для компонента Button1. Если при запуске приложения изображение мерцает, то устранить мерцание можно с помощью включения двойной буферизации:

DoubleBuffered := true;

Эта команда должна быть прописана в обработчике события Load для формы.

Создать проект, в котором самолет будет пролетать над городом.

1. Поместить на форму компоненты PictureBox и Button, добавить компонент Timer.

2. Загрузить изображение города в компонент как фон формы (свойство формы BackgroundImage).

3. Установить прозрачный цвет фона для компонента PictureBox1 (значение Transparent у свойства BackColоr). Установить режим изменения размера — AutoSize (свойство SizeMode).

4. Написать обработчик события Load для формы и описать начальное положение самолета, указав координаты верхнего левого угла PictureBox1 за пределами формы. Загрузить в PictureBox1 изображение из файла с рисунком самолета.

5. Изменить свойства Text у компонента Button1 на «Полетели!».

6. Установить значение False у свойства таймера Enabled в инспекторе объектов.

7. Установить в инспекторе объектов время срабатывания таймера, равным 10.

8. Написать обработчик события Click для компонента Button1, запустить таймер.

9. В инспекторе объектов установить прозрачность для компонента PictureBox1.

10. Написать обработчик события Tick и менять в нем значение свойства Left у компонента PictureBox1. Если самолет вылетел за границу, то вернуть его в начальное положение.