样式和状态定义
样式定义
所有的颜色、文本格式以及线型均使用样式定义实体在混搭环境中进行管理和显示。样式定义是一个 HTML 样式元素的集合,可将其应用于小组件,就如同您要对 HTML 标记应用 CSS (级联样式表) 一样。
定义和使用样式定义
创建样式时,可定义下列属性:
“显示字符串”- 将显示用于指示当前所应用的样式定义的说明性字符串。
“背景颜色”- 图表、按钮、面板等的背景。
“二级背景颜色”- 用于支持渐变的小组件。
“粗体”(true/false)
“斜体”(true/false)
“下划线”(true/false)
“图像”- 如果您的小组件样式支持图像显示,例如按钮,则可以选择一个图像来表示图像样式。
“线颜色”- 用于图表中的系列样式
“线宽”- 用于图表中的系列样式
“线型”- 通常指边界。ThingWorx 提供下列选项:“实线”“虚线”“点线”“无”
“文本大小”- 可选择字体大小,范围为 9-72px。
有多个预安装的样式定义。我们鼓励您创建自己的样式定义,以便为您的混搭组件创建一致的外观。
状态定义
状态定义是样式定义的集合,以及何时应用每种样式定义的规则。规则加上样式定义即为状态。状态定义应具有多个状态。这可供您在栅格中进行基于数据的单元格格式化处理,例如,基于绑定到栅格的数据服务中列的值。
将状态定义应用于小组件时,还必须从小组件数据集中选择您希望作为评估规则依据的字段。这可供您使用字段作为确定状态的字段,而不使用可视数据列。
定义和使用状态定义
创建状态定义时,必须应用状态类型:作为“字符串/值”“数字”类型。定义“字符串/值”类型会将样式定义应用到精确匹配。定义“数字”类型会将样式定义应用于所定义范围内的任意数字。
定义“字符串/值”状态定义时,请为每个状态定义下列字段:
“字符串/值”- 您要匹配的字符串。
“显示名称”- 例如,用该字段来指示泵是运行中还是关闭状态,而不使用匹配值。动态绑定状态值时,该名称也会显示 (请参见以下说明)。
“样式”- 要应用至匹配的样式定义。
定义“数字”状态定义时,请为每个状态定义下列字段:
“运算符”- 选择小于等于小于
“值”- 数值。
“显示名称”- 用于在运行时标记状态的名称。动态绑定状态值时,该名称也会显示 (请参见以下说明)。
“样式”- 要应用至匹配的样式定义。
请注意,通常可以定义一个状态定义,并且当将此状态应用于对象时将使用特定覆盖,这一点十分重要。例如,您可能会遇到存在“低-低”条件、“低”条件、“正常”条件、“高”条件和“高-高”条件的典型场景。只要此概念适用,您就需要使用以下配色方案:
低-低 - 橙色
低 - 黄色
正常 - 绿色
高 - 紫色
高-高 - 红色
但是,对于不同的数据点,即使五个状态是相同的,实际的数值范围也可能不同。可以应用相同的状态定义,而不是为每个数据点定义状态定义,但将状态定义的特定应用程序的实际数值范围覆盖到一个小组件。此操作将在小组件配置中完成。
覆盖状态定义
有两种方法可用于覆盖状态定义:
选择要用于特定小组件的状态定义,并将特定小组件值输入到呈现器和状态配置对话框中。
将状态值绑定到数据服务。当选择一个要应用于小组件的状态定义时,状态定义中的每个状态都会在小组件属性面板中添加一个附加属性。附加属性将命名为 ValueFormat_<Display Name>,其中“显示名称”是您在原始状态定义中应用的名称。然后,可以将来自任何数据服务的值绑定到这些属性,从而允许您动态设置状态定义限制,并使其完全由数据驱动。
这对您有帮助吗?