Тема: «Украшательства проект. Image. ImageList»

Сегодня займемся украшательством проектов – будем добавлять в проект изображения самыми разными способами. Вы должны помнить, что не стоит перенасыщать проект, создавать фон форм диких расцветок, тут и там вставлять совершенно ненужные картинки. Все это говорит не только о непрофессионализме, но и о дурном вкусе. Однако иногда украшательства не мешают, а наоборот, создают для проекта особый стиль. Вспомните о проигрывателе WinAMP – он практически весь состоит из таких вот украшательств, но это оправдано, так как программа эмулирует обычный бытовой проигрыватель. Другими словами, нужно уметь вставлять в проект изображения, но при этом иметь чувство меры.

Нам придется изучить несколько полезных компонентов. Создайте новое приложение.

Image

Компонент находится на вкладке компонентов Additional и представляет собой контейнер прямоугольной формы, в который можно поместить картинку. Установите его на форму, и посмотрите на его свойства.

Свойство AutoSize заставляет компонент автоматически принимать размер изображения, если установлено True.

Свойство Picture – основное свойство компонента. Оно позволяет открыть диалоговое окно, в котором можно выбрать изображение для загрузки в контейнер. Для этого нужно нажать на кнопку с тремя точками в правой части свойства. Затем нажать кнопку Load для загрузки изображения.

Свойство Center разместит изображение по центру контейнера, если AutoSize не равно True. Иначе свойство игнорируется.

Свойство Proportional разрешает или запрещает пропорционально уменьшать высоту и ширину изображения, если оно не может целиком уместиться в контейнере.

Свойство Stretch разрешает или запрещает изображению целиком заполнять контейнер.

Давайте напишем простой браузер для изображений, программу, которая позволит просматривать файлы графических форматов. Новое приложение у вас уже создано, добавьте на форму простую панель, переместите ее вверх формы, и свойство Align сделайте alTop (панель должна занять весь верх формы). Очистите свойство Caption формы, и у нас получилась панель инструментов.

Правда, нам нужен только один инструмент – кнопка для загрузки изображений. Установите на панель кнопку, напишите на ней "Загрузить изображение".

Свойство Align компонента Image установите в alClient, чтобы растянуть его по всей оставшейся части формы. У этого контейнера должны быть следующие настройки в Объектном инспекторе:

AutoSize = False;

Center = True;

Proportional = True;

Stretch = True;

Теперь установите на любое место компонент OpenPictureDialog с вкладки Dialogs палитры компонентов. Этот компонент работает точно также, как диалог открытия файлов, только он предназначен для открытия изображений.

Создайте обработчик событий для нажатия на кнопку, и там напишите код:

if OpenPictureDialog1.Execute then

Image1.Picture.LoadFromFile(OpenPictureDialog1.FileName);

Вот и весь браузер! По нажатию на кнопку программа будет выводить диалог открытия изображения. Выбрав изображение, вы загрузите его в контейнер Image. Сохраните проект, скомпилируйте и посмотрите, как работает приложение. Для просмотра подойдут любые изображения – картинки, фотографии и т.п. Если у вас на компьютере установлен пакет MS Office XP/2000 или выше, то большую коллекцию картинок вы сможете найти на:

C:\Program Files\MicroSoft Office\Media\cagcat10

Программа с загруженной картинкой должна выглядеть примерно так:

Рис. 1. Внешний вид приложения

Если же по вашему замыслу требуется установить какую-то одну картинку для улучшения дизайна формы, то вы можете загрузить эту картинку напрямую, через свойство Picture компонента, в Объектном инспекторе.