4.7. Image – компонент для работы с изображениями

Компонент Image (вкладка Additional) служит для размещения на форме одного из трех поддерживаемых Delphi типов изображений: растрового рисунка (*.bmp), значка (*.ico) или метафайла (*.wmf или *.emf). Кроме уже известных свойств Align, Width, Height, Name, Cursor, Enabled, Left, Top, Visible, компонент имеет дополнительные свойства, описание которых имеется в табл. 4.11.

Таблица 4.11. Основные свойства компонента Image

Свойство	Описание
AutoSize	Разрешает(true)/запрещает(false) изменять размеры компонента так, чтобы в него полностью загрузилось изображение
Canvas	Предназначено для формирования изображения внутри компоненты на стадии выполнения программы
Center	Определяет положение картинки в поле компонента по горизонтали, если ширина картинки меньше ширины поля компонента. Если значение true, изображение выравнивается по центру компоненты, иначе – помещается в левый верхний угол компоненты
Picture	Свойство определяет изображение, которое будет отображаться в компоненте. Указать путь к файлу с изображением можно, нажав на кнопку
Stretch	Разрешает(true)/запрещает(false) изменять размеры изображения так, чтобы оно целиком заполнило область компонента
Proportional	Признак автоматического масштабирования картинки без искажения. Чтобы масштабирование было выполнено, значение свойства AutoSize должно быть равно false

Если размер компонента меньше размера иллюстрации и значение свойств AutoSize, Stretch, Proportional в значении false, то отображается часть иллюстрации.

Delphi предлагает метод LoadFromFile(), позволяющий загрузить заранее определенный файл с изображением во время выполнения программы. В качестве параметра методу передается имя файла с иллюстрацией:

Image1.Picture.LoadFromFile('картинка.Bmp);

По умолчанию метод LoadFromFile() позволяет отобразить bmp-файлы. Чтобы иметь возможность загрузки файлов формата jpeg, надо подключить модуль jpeg, указав имя модуля в разделе uses.

Для расположения на поверхности компонента Image изображения нужно: воспользоваться кнопкой свойства Picture и в открывшемся окне с помощью кнопки Load выбрать нужный файл с изображением; свойство Stretch установить в значение true, т.е. рисунок надо привести к размерам компонента (рис. 4.9).

Рис. 4.9. Рисунок приведен к размерам компонента

При работе с несколькими изображениями и наложении картинок друг на друга поменять порядок отображения компонентов можно с помощью команд контекстного меню: Control/Bring to Font либо Control/ Send to Back.

При программировании кнопок на включение/выключение изображений можно воспользоваться его свойством Visible или методом LoadFromFile(). Рассмотрим пример смены двух изображений при нажатии на кнопку. В первом варианте (листинг 4.1) расположим на форме два компонента Image (наложив их друг на друга), загрузив в них по картинке из внешних файлов pic1.jpg и pic2.jpg (которые содержатся в каталоге проекта), а при нажатии на кнопку будем менять их свойства Visible. Во втором варианте (листинг 4.2) расположим на форме один компонента Image, а при нажатии на кнопку для смены изображения в компоненте воспользуемся методом LoadFromFile().

Листинг 4.1. Смена изображений с помощью свойства Visible.

unit Unit1;