將模型著色器增強型 UI 小工具新增至您的場景 - AWS IoT TwinMaker
為您的場景建立視覺化規則

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

將模型著色器增強型 UI 小工具新增至您的場景

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

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

  1. 在您要新增小工具的階層中，選取物件。按下 ＋ 按鈕，然後選擇 Model Shader 。

  2. 若要新增新的視覺化規則群組，請先遵循下列指示來建立 ColorRule，然後在規則 ID 物件的檢查器面板中選擇 ColorRule。

  3. 選取 entityID ComponentName， PropertyName 然後您想要將模型著色器繫結到其中。

為您的場景建立視覺化規則

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

範例視覺規則，其中包含以溫度為基礎的運算式，可啟用錯誤、警告和資訊圖示。

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

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

  1. 在主控台的規則索引標籤下， ColorRule 在文字欄位中輸入名稱，例如 ，然後選擇新增新規則群組 。

    在「新增規則群組」按鈕上方輸入的「規則」索引標籤，其中包含新規則映射名稱。

  2. 為您的使用案例定義新規則。例如，您可以根據資料屬性 '溫度' 建立一個，其中報告的值小於 20。針對規則表達式使用以下語法：小於 ＜、大於 ＞、小於或等於 <=、大於或等於 >=，以及等於 ==。（如需詳細資訊，請參閱 Apache Commons JEXL 語法 。）

  3. 將目標設定為顏色。若要定義顏色，例如 #fcba03，請使用十六進位值。（如需十六進位值的詳細資訊，請參閱十六進位 。）