Определения стилей и состояний
Определения стилей
Рендеринг всех цветов, форматов текста и форматов линий, а также управление ими осуществляются в среде мэшапа с помощью сущностей определений стилей. Определение стиля - это набор элементов создания стиля в формате HTML, который можно применить к виджету таким же образом, как применяется к тегу HTML определение каскадной таблицы стилей (CSS).
Определение и использование определений стилей
При создании стиля можно определить следующие свойства.
• Показать строку - описательная строка, которая показывает текущее примененное определение стиля.
• Цвет фона - фон для диаграмм, кнопок, панелей и т. д.
• Дополнительный цвет фона - используется для виджетов с поддержкой градиентов.
• Жирный (true/false)
• Курсив (true/false)
• Подчеркивание (true/false)
• Изображение - если в стиле виджета поддерживается отображение изображений, таких как кнопки, можно выбрать изображение для представления стиля изображения.
• Цвет линии - для стиля перьев в диаграммах.
• Толщина линии - для стиля перьев в диаграммах.
• Стиль линии - обычно относится к границам. В ThingWorx предоставляются следующие опции: Сплошная, Пунктирная, Точечная, Нет.
• Размер текста - выберите размер шрифта в диапазоне 9-72 пикс.
Предусмотрено множество предварительно установленных определений стилей. Поддерживается создание собственных стилей для согласованного представления компонентов мэшапа.
Определения состояний
Определение состояния - это набор определений стилей, а также правила применения каждого определения стиля. Правило с определением стиля образуют состояние. Определение состояния должно включать более одного состояния. Это позволяет использовать форматирование на основе данных для ячеек в сетке - например, на основе значения столбца в сервисе данных, привязанном к сетке.
Применяя определение стиля к виджету, необходимо выбрать, какое поле из набора данных виджета должно использоваться для оценки правила. Это позволяет использовать для определения состояния поля, которые не относятся к видимому столбцу данных.
Определение и использование определений состояний
При создании определения состояния необходимо применить тип состояния, такой как Строка/значение или Число. Определение типа Строка/значение применяет определение стиля к точному совпадению. Определение типа Число применяет определение стиля к любому числу в определенном диапазоне.
При задании определения состояния с опцией Строка/значение определите для каждого состояния следующие поля:
• Строка/значение - строка для сопоставления.
• Отображаемое имя - используется, чтобы указать выполнение или отключение вместо использования сопоставления со значением. Это наименование также отображается при динамическом связывании значений состояния (см. ниже).
• Стиль - определение стиля, которое должно применяться при сопоставлении.
При задании определения состояния с опцией Число определите для каждого состояния следующие поля:
• Оператор - выберите меньше или равно или меньше чем.
• Значение - числовое значение.
• Отображаемое имя - наименование, которое будет использоваться для маркировки состояния во время выполнения. Это наименование также отображается при динамическом связывании значений состояния (см. ниже).
• Стиль - определение стиля, которое должно применяться при сопоставлении.
Важно отметить, что можно задать определение состояния в достаточно общем виде и использовать специфичные переопределения при применении этого состояния к объекту. Например, может использоваться типовой сценарий, когда имеется условие "Очень низкий", "Низкий", "Нормальный", "Высокий" и "Очень высокий". При применении этой концепции требуется использовать следующую цветовую схему:
• Очень низкий - оранжевый
• Низкий - желтый
• Нормальный - зеленый
• Высокий - фиолетовый
• Очень высокий - красный
Однако фактический числовой диапазон может различаться для разных точек данных, хотя эти пять состояний останутся такими же. Вместо того чтобы задавать определение состояния для каждой точки данных, можно применять одно определение состояния, но переопределять фактические числовые диапазоны для конкретного применения определения состояния в виджете. Для этого используется конфигурация виджета.
Переопределение определений состояния
Существует два способа переопределить определение состояния.
• Выберите определение состояния, которое будет использоваться для конкретного виджета и ввода специфичных для виджета значений в диалоговом окне рендеринга и конфигурации состояния.
• Привяжите значения состояния к сервису данных. После выбора определения состояния для применения в виджете на панель свойств виджета добавляются дополнительные свойства, по одному для каждого состояния в определении состояния. Дополнительным свойствам присваиваются имена ValueFormat_<Display Name>, где отображаемое имя - это имя, примененное в исходном определении состояния. Затем можно привязать к этим свойствам значения из сервиса данных, что позволяет динамически задавать пределы определения состояния и сделать его полностью управляемым данными.