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

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

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

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

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

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

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

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

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

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

範例視覺規則,其中包含啟用錯誤、警告和資訊圖示的溫度型表達式。

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

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

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

    在「新增規則群組」按鈕上方輸入新規則映射名稱的「規則」索引標籤。
  2. 為您的使用案例定義新規則。例如,您可以根據資料屬性 '溫度' 建立一個 ,其中報告的值小於 20。針對規則表達式使用下列語法:小於 、大於 、小於或等於 <=、大於或等於 >=,以及等於 ==。(如需詳細資訊,請參閱 Apache Commons JEXL 語法。)

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