樣式與狀態定義
樣式定義
所有顏色、文字格式與線條格式都在混搭環境中使用樣式定義實體進行管理及轉譯。樣式定義是 HTML 樣式元素的集合,這些元素可以套用至小器具,就像您將 CSS (階層式樣式表) 定義套用至 HTML 標籤一樣。
定義及使用樣式定義
建立樣式時,可定義下列內容:
「顯示字串」- 顯示來指示目前已套用樣式定義的描述性字串。
「背景顏色」- 圖表、按鈕、面板等的背景。
「次要背景顏色」- 用於支援漸層的小器具。
「粗體」(true/false)
「斜體」(true/false)
「底線」(true/false)
「圖像」- 如果您的小器具樣式支援圖像顯示 (例如按鈕),您可選取圖像來表示圖像樣式。
「線條顏色」- 適用於圖表中的序列樣式。
「線條粗細」- 適用於圖表中的序列樣式。
「線條樣式」- 通常是指邊界。ThingWorx 提供下列選項:「實線」「虛線」「點線」「無」
「文字大小」- 選擇介於 9-72px 的字型大小。
有許多已預先安裝好的樣式定義。鼓勵您建立自己的樣式定義,為您的混搭元件建立一致的外觀與風格。
狀態定義
狀態定義是樣式定義的集合,隨附何時套用各項樣式定義的規則。規則加上樣式定義就變成狀態。狀態定義應該有一個以上的狀態。這可供您在格點中進行資料式儲存格格式處理,例如,以資料服務 (繫結至格點) 中的欄的值為基礎。
當您將狀態定義套用至小器具時,您也必須從小器具資料集中擇取欲作為評估規則依據的欄位。這可讓您以欄位作為決定狀態的欄位,而不使用可見資料欄。
定義及使用狀態定義
建立狀態定義時,您必須套用狀態類型:作為「字串/值」「數值」類型。定義「字串/值」類型會將樣式定義套用至完全相符項目。定義「數值」類型會將樣式定義套用至定義範圍內的任何數字。
定義「字串/值」狀態定義時,請針對每一個狀態定義下列欄位:
「字串/值」- 您要匹配的字串。
「顯示名稱」- 例如,以此名稱表示幫浦是執行中還是關閉中狀態,而不使用相符值。以動態方式繫結狀態值時,此名稱也會顯示 (請見以下說明)。
「樣式」- 要在相符項目上套用的樣式定義。
定義「數值」狀態定義時,請針對每一個狀態定義下列欄位:
「運算子」- 選取「小於或等於」「小於」
「值」- 數值。
「顯示名稱」- 用於在執行時間標示狀態的名稱。以動態方式繫結狀態值時,此名稱也會顯示 (請見以下說明)。
「樣式」- 要在相符項目上套用的樣式定義。
取代狀態定義
請務必請注意,您可以定義相當一般性的狀態定義,並可在將該狀態套用至物件時,使用特定的取代項。例如,您可能常面臨「低-低」狀況、「低」狀況、「正常」狀況和「高」狀況與「高-高」狀況等情境。只要此概念適用時,您就想要使用下列顏色配置:
低-低 - 橘色
低 - 黃色
正常 - 綠色
高 - 紫色
高-高 - 紅色
但是,雖然五種狀態都相同,但不同資料點的實際數字範圍可能仍有所不同。您可套用相同的狀態定義,但取代狀態定義 (套用至小器具) 特定應用程式的實際範圍,而不定義每個資料點的狀態定義。這可在小器具組態內完成。
有兩種方法可以取代狀態定義:
選擇要用於特定小器具的狀態定義,並將小器具特定值輸入到轉譯器與狀態組態對話方塊中。
將狀態值繫結至資料服務。選擇要套用至小器具的狀態定義後,系統就會將額外的內容新增至小器具內容面板,供狀態定義中的每個狀態使用。系統會將額外的內容命名為 ValueFormat_<Display Name>,其中「顯示名稱」是您在原始狀態定義中套用的名稱。您接著可以將值從任何資料服務繫結至這些內容,以便用動態方式設定狀態定義,並使其完全由資料驅動。