Оформление панели индикаторов и элементов

Помимо создания панели индикаторов, немаловажную роль играет настройка оформления этой панели и ее элементов.

 

 

 

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

strel11 Стили панели индикаторов;

strel11 Цвет фона;

strel11 Цвет текста;

strel11 Границы и отступы;

strel11 Заголовки элементов;

strel11 Форматирование;

strel11 Водяной знак;

strel11 Текст водяного знака;

strel11 Изображение водяного знака;

strel11 Переплетения водяного знака;

strel11 Прозрачность элементов;

strel11 Закругление элементов;

strel11 Тени элементов.

 

Информация

 

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

 

 

 
Стили панели индикаторов и элементов
При создании панели индикаторов, в дизайнере отчетов присутствуют предустановленные стили. К панели индикаторов, применяется первый стиль из списка. Ко всем вновь добавляемым на эту панель элементам, применяется текущая цветовая схема панели индикаторов. По умолчанию, при изменении стиля у панели индикатора, вновь выбранная цветовая схема будет применяться для всех элементов на этой панели. Однако, для каждого элемента панели индикаторов можно назначить свой стиль.
 
Для того чтобы изменить стиль панели индикаторов, следует:
strel11 Выполнить щелчок левой кнопкой указателя ввода по свободной области панели индикаторов;
strel11 На вкладке Главная (Home), в меню стилей, выбрать стиль панели индикаторов.
 

 

 

Для того чтобы изменить стиль элемента на панели индикаторов, следует:
strel11 Выделить элемент на панели индикаторов;
strel11 На вкладке Главная, в меню стилей выбрать необходимый стиль элемента.
 

Информация

 

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

 

 
 
Кроме этого, для элементов панели индикаторов можно создать пользовательские стили для Таблица, Диаграмма, Измерительный прибор, Сводная таблица, Индикатор, Прогресс, Региональная карта, Элементов фильтрации. Для этого вызовите Дизайнер стилей (Style Designer) и создайте стили для элементов. Назначить созданный стиль можно также с помощью меню стилей на вкладке Главная или при помощи свойства Стиль (Style) элемента.
 

 
Фон
Одной из настроек оформления, является настройка цвета фона элемента. По умолчанию, цвет фона используется из назначенного стиля. Для того чтобы изменить цвет фона панели индикаторов или элементов, следует:

strel11 Выделить панель индикаторов или элемент;
strel11 На панели свойств, изменить значение у свойства Цвет фона (Back Color).
strel11 После этого, следует цвет фона из выпадающего списка.
 
Также, изменить цвет фона элемента можно на вкладке главная в дизайнере отчетов:
strel11 Выделить панель индикаторов или элемент;
strel11 При помощи инструмента Фон выбрать цвет фона из палитры или указать пользовательский цвет.
 

 
Цвет текста
При настройке оформления можно изменить цвет текста определенного элемента. Для этого следует:
strel11 Выделить элемент;
strel11 В свойстве Цвет текста (Fore Color) выбрать необходимый цвет из выпадающего списка.
 

Информация

 

У элемента Таблица также для каждой колонки можно задать свой цвет. Для этого в редакторе элемента Таблица, следует выделить поле данных и изменить цвет текста.

 

 

 

Границы и отступы
У каждого элемента на панели индикаторов, можно определить границы и отступы элемента. Для этого следует:
strel11 Выделить элемент на панели индикаторов;
strel11 На панели свойств, изменить значения у групп свойств Отступ снаружи (Margins) и Отступ внутри (Padding).
 
Также, у элементов можно настроить тип, стороны, размер и цвет границ элемента. Для этого следует:
strel11 Выделить элемент на панели индикаторов;
strel11 При помощи группы свойств Граница (Border) на панели свойств, или инструментов на вкладке Главная в дизайнере отчетов, изменить тип, размер, стороны, цвет границ элемента.
 

 

 
Заголовки элементов
Заголовки элементов на панели индикаторов можно создать различными способами. Например, при помощи элемента Текст (Text). Однако, у элементов также есть возможность включить и настроить заголовок элемента. Для того чтобы включить заголовок следует:
strel11 Навести курсор на верхнюю часть элемента;
strel11 В верхнем правом углу установить флажок, чтобы включить отображение заголовка или снять флажок, чтобы выключить отображение заголовка. По умолчанию, заголовок у элементов включен.

 

 

 
strel11 Также, можно включить или выключить отображение заголовка, установив свойство Видимость (Visible) из группы Заголовок (Title) на панели свойств, в значение true или false.
 
Для того чтобы изменить текст заголовка следует:
strel11 Выполнить двойной щелчок левой кнопкой указателя ввода по области заголовка на элементе.
strel11 Ввести текст заголовка.

 

 

 
Также изменить заголовок можно на панели свойств:
strel11 Выделите элемент;
strel11 В группе свойств Заголовок, изменить значение свойства Текст.
 
Кроме, текста заголовка, также можно изменить:
strel11 Выравнивание заголовка по горизонтали;
strel11 Цвет фона заголовка;
strel11 Цвет текста и его шрифт.

 

 

Форматирование текста

К элементам панели индикаторов можно применять форматирование. Для этого следует:

strel11 Выделить элемент на панели индикаторов;
strel11 При помощи инструмента Формат текста (Text Format) на вкладке Главная (Home) ribbon панели применить формат к значениям элемента.

 


 
 
Также, стоит обратить внимание, что для элемента Таблица и Сводная таблица можно задать форматирование для значений каждого поля данных. Для этого следует:
strel11 В редакторе элемента Таблица или Сводная таблица выделить поле данных;
strel11 Выбрать формат при помощи инструмента Формат текста на вкладке Главная ribbon панели.

 

Для диаграммы можно определить форматирование значений осей диаграммы. Для этого следует:
strel11 Выделить диаграмму на панели индикаторов;
strel11 Нажать кнопку Обзор (Browse) у свойства Формат аргумента (Argument Format) или Формат значения (Value Format) для настройки форматирования аргументов или значений диаграммы соответственно.

 

 

Информация

 

Обратите внимание, элемент Текст (Text) на панели индикаторов не поддерживает инструмент Формат текста. Однако, для форматирования данных типа DateTime, можно использовать функцию Format. Например:
{Format("{0:MM/dd/yyyy}", Today)} - результатом будет текущая дата в формате "Месяц/День/Год";

{Format("yyyy", Today)} - результатом будет год из текущей даты;

{Format("From {0:yyyy} ", Today)} - результатом будет текст "From" + год из текущей даты.

 

 

 

Водяной знак

При разработке для водяного знака панелей индикаторов можно указать:
strel11 Текст (Text), который будет отображаться на панели индикаторов.
strel11 Изображение (Image), которое будет являться заполняющим изображением фона.
strel11 Переплетения (Weave), т.е. основные и вспомогательные значки, с помощью которых можно создавать различные переплетения.

 

Информация

 

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

 

 

 
Настройка водяного знака осуществляется в специальном редакторе. Для того, чтобы вызвать редактор водяного знака, следует:
strel11 Выделить панель индикаторов;

strel11 Нажать кнопку Обзор (Browse) в свойстве Водяной знак (Watermark);
strel11 Нажать кнопку Водяной знак на вкладке Страница (Page) Ribbon панели в дизайнере отчетов.
 
 
Также, можно создать стиль типа Водяной знак (Watermark) и применить его к панели индикаторов. Для этого следует:
strel11 Создать и настроить стиль Водяной знак в дизайнере стилей;

strel11 Выбрать этот стиль как значение свойства Стиль водяного знака (Watermark Style) панели индикаторов.

 

 

Параметры текста

Все параметры настройки текста водяного знака расположены на соответствующей вкладке в редакторе водяного знака.

 

 

img_1 Параметр Доступность (Enabled) предоставляет возможность включить или выключить текст водяного знака;

img_2 Параметр Текст (Text) предоставляет возможность определить текст, который будет отображаться как водяной знак;

img_3 Параметр Шрифт (Font) предоставляет возможность определить шрифт, его размер и стиль для текста водяного знака;

img_4 Параметр Цвет текста (Text Color) предоставляет возможность выбрать цвет текста водяного знака;

img_5 Параметр Угол (Angle) предоставляет возможность определить угол поворота для текста водяного знака.

 

 

Параметры изображения

В качестве водяного знака можно указать изображение. Параметры этого типа водяного знака располагаются на соответствующей вкладке в редакторе водяного знака.

 

 

img_1 Параметр Доступность (Enabled) предоставляет возможность включить или выключить текст водяного знака;

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

img_3 Элементы управления горизонтального и вертикального выравнивания изображения;

img_4 Параметр Прозрачность (Image Transparency) предоставляет возможность изменить прозрачность изображения водяного знака;

img_5 Параметр Кратный множитель (Multiple Factor) предоставляет возможность установить множитель для размеров изображения водяного знака;

img_6 Параметр Соотношение сторон (Aspect Ratio) предоставляет возможность включить или выключить режим сохранения соотношения сторон изображения при его растягивании;

img_7 Параметр Растягивать изображение (Image Stretch) предоставляет возможность растянуть изображение на всю область панели индикаторов;

img_8 Параметр Повтор изображения (Image Tiling) предоставляет возможность заполнить всю область панели индикаторов копиями изображения без его растягивания.

 

 

Параметры переплетений

В качестве водяного знака можно указать изображение. Параметры этого типа водяного знака располагаются на соответствующей вкладке в редакторе водяного знака.

 

 

img_1 Параметр Доступность (Enabled) предоставляет возможность включить или выключить переплетения водяного знака;

img_2 Параметр Значок (Icon) предоставляет возможность указать основной значок и его цвет для переплетения;

img_3 Параметр Размер (Size) предоставляет возможность определить размер основного значка;

img_4 Параметр Значок (Icon) предоставляет возможность указать дополнительный значок и его цвет для переплетения;

img_5 Параметр Размер (Size) предоставляет возможность определить размер дополнительного значка;

img_6 Параметр Расстояние (Distance) предоставляет возможность изменить расстояние между значками в переплетении;

img_7 Параметр Угол (Angle) предоставляет возможность определить угол поворота значков в переплетении.

 

 

Прозрачность элементов

Прозрачность элементов можно определить с использованием параметра Альфа в цветовой палитре фона компонента или указать ARGB код цвета как значение свойства Цвет фона (Back Color). В результате чего, фон компонента будет обладать заданной прозрачностью и применение водяного знака станет более очевидным.

 

 

 

Закругление элементов
При оформлении панели индикаторов, можно закруглить углы элементов. Это можно выполнить при помощи группы свойств элемента Радиус закругления (Corner Radius). Эти свойства могут быть установлены в значение от 0 до 30, где 0 - отсутствие закругления, а 30 - максимальный радиус закругления угла элемента.
 
Для того чтобы закруглить углы элемента, следует:
strel11 Выделить элемент на панели индикаторов;
strel11 Определить радиус закругления каждого угла элемента.

 

 

 

Тени элементов

Также, при оформлении панели индикаторов можно применять тени элементов. Это можно выполнить при помощи группы свойств элемента Тень (Shadow).

 

Для того чтобы настроить тень элемента, следует:
strel11 Выделить элемент на панели индикаторов;
strel11 Установить свойство Видимость (Visible) в значение Да (True);

strel11 Изменить цвет тени с использованием свойства Цвет (Color);

strel11 Определить глубину тени с использованием свойства Размер (Size);

strel11 Изменить расположение тени по оси X и Y элемента с использованием группы свойств Позиция (Position). Свойства X и Y могут быть установлены в значение от 0 до 10, где 0 - это отсутствие смещения тени по оси, а 10 - максимальное смещение тени по оси X и Y.