Для большей визуальной выразительности и восприятия информации, в отчеты нередко добавляют изображения. Это могут быть изображения товаров, фотографии сотрудников, логотип компании и т.д. Для вывода изображений в Stimulsoft Reports используется компонент Картинка (Image). Этот компонент поддерживает следующие типы изображений: BMP, PNG, JPEG, TIFF, GIF, PNG, ICO, EMF, WMF. Компонент Картинка необходимо размещать в том месте, где необходимо расположить изображение (страница отчета, бэнд Данные, заголовок, итог и т.д.).

 

 

 

Управление компонентом Картинка осуществляется при помощи свойств на панели свойств, командами на Ribbon закладках и в контекстном меню. Настройка источника изображений, осуществляется в редакторе компонента Картинка. Для того чтобы вызвать редактор, необходимо:
strel11 Осуществить двойной щелчок левой кнопко указателя ввода по компоненту Картинка;
strel11 Выделить компонент, в контекстном меню выбрать команду Редактировать (Design);
strel11 В web дизайнере, также можно выделить компонент Картинка и на панели свойств нажать кнопку Редактировать (Design).
 

Редактор изображений

 

После вызова редактора компонента Картинка, необходимо определить источник для изображения этого компонента. Ниже представлен редактор компонента Картинка:

 

 

img_1 На данной панели отображается изображение, которое в текущий момент определено для компонента Картинка.

img_2 При нажатии данной кнопки будет вызвано диалоговое окно, в котором необходимо выбрать изображение для загрузки.

img_3 Кнопка удаления изображения из компонента Картинка.

img_4 Список источников, откуда может быть загружено изображение.

 

Как видно из рисунка выше, изображения могут быть загружены из разных источников. Стоит отметить, что в некоторых дизайнерах отчетов, эти источники изображений представлеными отдельными свойствами на панели свойств. Рассмотрим источники изображений более подробно.

 

strel11 Источник Картинка (Image)

 

В этом случае, необходимо перетащить изображение из проводника локального хранилища или нажать кнопку Открыть (Open) и выбрать картинку.

 

strel11 Источник Колонка данных (Data Column)

 

Картинка может содержаться в таблице данных, например, отдельная колонка данных с картинками. При этом типе источника, необходимо выбрать колонку данных, из которых будет извлекаться картинка.

 

Информация

 

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

 

 

 

strel11 Источник Выражение (Expression)

 

Загрузка картинки из выражения, т.е. в этом случае указывается выражение. Например, {Variable1}. В этом случае, для компонента Картинка будет использовано изображение которое хранится в переменной Variable1. Также, на этой вкладке можно указать выражение загрузки из файла. Например, {Image.FromFile("c:\Image.png")}. В этом случае, при построении отчета, будет загружено изображение из файла Image.png в корневом каталоге c:\.

 

strel11 Источник Гиперссылка (Hyperlink)

 

Картинку можно загружать по URL. При построении отчета, в момент обработки компонента Изображение (Image), из указанного URL будет извлечена картинка. Соответственно, при данном типе источника, необходимо указать URL картинки. Также, можно указать ссылку на Ресурс отчета. Например, resource://image. В этом случае, будет использоваться в компоненте Картинка изображение из ресурса с именем image.

 

strel11 Источник Файл (File)

 

Кроме прямой загрузки картинки, оно может быть извлечено из файла, который будет загружен из локального источника. Например, следует указать путь к файлу d:\image.png. В этом случае, в момент построения отчета, из файла image.png будет извлечено изображение и вставлено в компонент Картинка. Также, необходимый файл можно выбрать нажав .

 

img_5 Галерея картинок представляет собою перечень изображений доступных для компонента Картинка в данный момент. В галерее будут отображаться изображения из переменных, ресурсов, источников данных:

 

 

 

Растягивание изображения

 

При выводе изображений очень часто размеры изображения не совпадают с размерами компонента. В этом случае остается пустое, незаполненное изображением пространство. Также возникают ситуации, когда размеры изображение больше чем размеры компонента. В данных ситуациях необходимо чтобы компонент Картинка (Image) всегда растягивал размеры изображения в размеры компонента. Для этого необходимо свойство Растягивать (Stretch) установить в значение истина (true).

 

 

 

После установки свойства Растягивать (Stretch) размеры изображения будут всегда соответствовать размерам компонента. При растягивании изображения могут нарушиться его пропорции. Для того чтобы заставить компонент Картинка (Image) растягивать изображения, но при этом сохранять пропорции изображения, необходимо установить свойство Отношение координат (AspectRatio) в значение истина (true). После этого компонент Картинка (Image) всегда будет сохранять пропорции изображения.

 

 

Информация

 

Свойство Отношение координат (Aspect Ratio) действует только когда включено растягивание изображения.