本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 將模型著色器擴增 UI 小工具新增至場景
<a name="scenes-editing-add-color-widget"></a>

模型著色器小工具可以在您定義的條件下變更物件的顏色。例如，您可以建立顏色小工具，根據混音器的溫度資料變更場景中 Cookie 混音器的顏色。

使用下列程序將模型著色器小工具新增至選取的物件。

1. 在您要新增小工具的階層中選取物件。按下 **\$1** 按鈕，然後選擇**模型著色器**。

1. 若要新增新的視覺化規則群組，請先依照下列指示建立 ColorRule，然後在規則 ID 物件的 Inspector 面板中選擇 **ColorRule**。

1. 選取您要繫結模型著色器的 entityID、 ComponentName 和 PropertyName。

## 為您的場景建立視覺化規則
<a name="scenes-editing-add-visual-rules"></a>

您可以使用視覺化規則映射來指定資料驅動條件，以變更擴增 UI 小工具的視覺化外觀，例如標籤或模型著色器。提供範例規則，但您也可以建立自己的規則。下列範例顯示視覺化規則。

![\[範例視覺規則具有以溫度為基礎的表達式，可啟用錯誤、警告和資訊圖示。\]](http://docs.aws.amazon.com/zh_tw/iot-twinmaker/latest/guide/images/scene-topic-temp-sample-rule.png)


上圖顯示針對特定值檢查 ID 為「溫度」之先前定義資料屬性時的規則。例如，如果「溫度」大於或等於 40，狀態會將標籤的外觀變更為紅色圓圈。在 Grafana 儀表板中選擇時，**目標**會填入設定為使用相同資料來源的詳細資訊面板。

下列程序說明如何為網格著色增強型 UI 層新增視覺規則群組。

1. 在主控台的規則索引標籤下，在文字欄位中輸入名稱，例如 ColorRule，然後選擇**新增規則群組**。  
![\[在「新增規則群組」按鈕上方輸入新規則映射名稱的「規則」索引標籤。\]](http://docs.aws.amazon.com/zh_tw/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)。)