Графические шаблоны

Основой изображения фигуры является шаблон, задаваемый в параметре «Основной графический шаблон». Он определяет форму и размер фигуры, цвет, толщину линии и т.д., но не обязательно, и не ограничиваясь этими параметрами.

Если в нотации используются фигуры с одинаковым контуром, но отличающиеся дополнительными графическими элементами, то следует использовать один графический шаблон на весь набор однотипных фигур. Например, в нотации ArchiMate большинство элементов мотивации обозначается фиолетовым прямоугольником с усеченными углами (без учета пиктограмм в правом верхнем углу).

Значением параметра является относительная ссылка на файл формата *.svg (векторный формат, поддерживающий масштабирование без потери качества), который должен лежать в папке *\img в каталоге с Business Studio на всех компьютерах, где запускается Business Studio для работы с диаграммами.

Внимание! В случае, если пользователями разработаны свои svg-файлы, нужно обеспечить их присутствие на всех компьютерах, где будет запускаться Business Studio для работы с диаграммами, по нужным путям любым из следующих способов:

• скопировать вручную или с помощью групповых политик;
• включить в дистрибутив и установить в рамках установки Business Studio (см. Добавление файлов в дистрибутив).

Преимущества файла .svg в том, что он содержит HTML-код, с помощью которого задаются параметры фигуры. Он имеет малый размер и обрабатывается быстрее любого растрового изображения. Создание векторных изображений поддерживают многие продукты, в том числе бесплатные онлайн-приложения.

Формулы, используемые при создании файла svg

При создании файла .svg рекомендуется пользоваться формулами.
Рассмотрим на примере шаблона BasicElementMotivation.svg, который используется для большинства символов Мотивации в нотации ArchiMate.

1. Размеры шаблона заданы не жестко, а через привязку ширины и высоты к реальным размерам фигуры на диаграмме (маркер 1 на рисунке выше)
2. Фигура элемента мотивации представляет собой прямоугольник со скошенными углами. Подобные шаблоны создаются через полигоны. Полигон – это элемент, который используется для рисования многоугольника, определённого серией координат. Этот элемент задаёт фигуру, состоящую из нескольких соединённых прямых линий, замкнутых между собой, чтобы образовать конечную форму. Каждую координату можно привязать к ширине или высоте фигуры ($v.width или $v.height) (маркер 2 на рисунке выше).

С помощью формул можно задавать координаты:

1. $v.width/2 или $v.height/2 – координата посередине относительно ширины или высоты фигуры.
2. $v.width*0,8 – координата будет располагаться в 80% от ширины фигуры.

Внимание! Создавая svg-шаблон, в отношении его параметров следует в первую очередь руководствоваться принципом «необходимо и достаточно». Параметры, которые будут указаны в svg-файле (цвет заливки фигуры, параметры линии и т.д.), не могут быть изменены в Business Studio через контекстное меню фигуры или в Окне свойств символа. Если предполагается, что данный шаблон будет использоваться для разных классов объектов, у фигур которых будет отличаться заливка, линия и прочие «украшательства», то не следует указывать эти параметры в svg. Если параметры не указаны, то в Business Studio их можно будет редактировать на вкладке Графика основной фигуры в Окне свойств символа нотации (см. ниже).

После создания основного шаблона его можно настроить. Для этого в Окне свойств символа (Предметные объекты → Основные объекты → Символы нотации) на вкладке Графика основной фигуры необходимо выбрать нужный параметр и задать ему значение. Если требуется добавление дополнительной графики к шаблону, то ее также можно указать на данной вкладке. Кроме того, для одного и того же символа можно использовать фильтры и комбинировать их с параметрами фигуры и элементом дополнительной графики.

Дополнительная графика задается путем указания ее графического шаблона и области, где она будет располагаться. Для указания заливки, вида линии и непрозрачности фигуры предназначены соответствующие колонки.

Например, в нотации ArchiMate у символа Потребность настроена следующая графика:

1. В правый верхний угол (область Top right 16x16) добавлена иконка, как у класса Потребность со своим графическим шаблоном (Need.svg). Заливка, цвет линии и непрозрачность – пустые. В файле Need.svg цвет и линия не указаны, по умолчанию цвет прозрачный, а линия стандартная толщиной 1 px.
2. Фигуре задан цвет Бело-фиолетовый (цвет из стандартной цветовой гаммы) и линия по умолчанию.

На вкладке Параметры графического шаблона настраиваются значения параметров в соответствии с синтаксисом svg-файлов. Для настройки конкретного параметра необходимо создать его, используя имя параметра в качестве названия и задать его значение.