本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 将模型着色器增强的 UI 控件添加到场景中
<a name="scenes-editing-add-color-widget"></a>

模型着色器控件可以在您定义的条件下更改对象的颜色。例如，您可以创建一个颜色小组件，该小组件可根据搅拌机的温度数据更改场景中饼干混合器的颜色。

使用以下步骤向选定对象添加模型着色器控件。

1. 在分层结构中选择您想要添加小组件的目标对象。按下 **\$1** 按钮，然后选择 “**模型着色器**”。

1. 要添加新的可视规则组，请先按照以下说明创建 ColorRule，然后在规则 ID 对象的 Inspector 面板中选择**ColorRule**。

1. 选择要将模型着色器绑定到的 E PropertyName ntityId ComponentName、、。

## 为场景创建视觉规则
<a name="scenes-editing-add-visual-rules"></a>

您可以使用可视化规则映射来指定数据驱动的条件，这些条件会更改增强用户界面控件（例如标签或模型着色器）的视觉外观。您可使用已提供的示例规则，获创建自定义规则。以下示例显示了一个可视化规则。

![\[使用基于温度的表达式的视觉规则示例，这些表达式可以激活错误、警告和信息图标。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/scene-topic-temp-sample-rule.png)


上图显示了何时根据特定值检查先前定义的 ID 为 “温度” 的数据属性的规则。例如，如果 “温度” 大于或等于 40，则该状态会将标签的外观更改为红色圆圈。在 Grafana 控制面板选择**目标**后，将填充配置为使用相同数据来源的详细信息面板。

以下程序介绍了如何为网格着色增强 UI 图层添加新的可视规则组。

1. 在控制台的规则选项卡下，输入名称，例如 ColorRule 在文本字段中，然后选择**添加新规则组**。  
![\[在 “添加新规则组” 按钮上方输入了新规则映射名称的 “规则” 选项卡。\]](http://docs.aws.amazon.com/zh_cn/iot-twinmaker/latest/guide/images/scenes-new-vis-rule-create.png)

1. 为您的用例定义新规则。例如，您可以根据数据属性 “温度” 创建一个，其中报告的值小于 20。**对规则表达式使用以下语法：小于等于 **<**，大于等于 **>**，小于或等于 **<=**，大于或等于 **>=**，等于 ==。**（有关更多信息，请参阅 [Apache Commons JEXL](https://commons.apache.org/proper/commons-jexl/reference/syntax.html) 语法。） 

1. 将目标设置为一种颜色。要定义颜色，例如`#fcba03`，请使用十六进制值。（有关十六进制值的更多信息，请参阅十[六进制](https://en.wikipedia.org/wiki/Hexadecimal)。）