Mashup Builder > 小器具 > 小器具樣式與自訂
小器具樣式與自訂
小器具樣式包含以下五個方面。
樣式主題
可使用樣式主題自訂混搭外觀。可更加輕鬆地建立、修改以及將樣式主題匯入及匯出至容器和受支援的混搭。當將樣式主題套用至最上層混搭時,它也會套用至所有使用中小器具與混搭。欲瞭解有關樣式主題及其套用方式的詳細資訊,請參閱樣式主題將樣式主題套用至混搭
狀態定義和狀態格式
可使用狀態定義反白視覺化中的趨勢和模式,以便根據小器具的資料值為其套用不同的樣式定義。如需詳細資訊,請參閱將狀態格式套用至小器具
狀態定義是樣式定義的集合,隨附何時套用各項樣式定義的規則。狀態定義可用於控制、自訂及呈現小器具的外觀。顏色、文字和線格式都可使用樣式定義在混搭中管理和呈現。如需詳細資訊,請參閱建立狀態定義
透過建立具有格式條件的狀態定義實體,可將狀態格式新增至小器具。完成建立后,可按一下「內容」面板中的「轉譯器和狀態」「狀態格式」按鈕,來編輯狀態格式並將其套用至小器具。
如需詳細資訊,請參閱將樣式主題套用至混搭
樣式內容
依預設,支援混搭中主題的所有小器具都會從應用的樣式主題中衍生其樣式內容。樣式主題會套用至所有混搭和主題化小器具。可使用「樣式內容」面板來修改混搭中個別小器具的樣式。所有主題小器具均有其自己的樣式內容集。可修改樣式內容來取代樣式主題,並為每個小器具建立不同的外觀。
如需詳細資訊,請參閱使用樣式內容面板
樣式定義
樣式定義為可在建立樣式時定義之內容的選取清單。可透過建立樣式定義為混搭顯示一致的外觀與風格。
* 
樣式定義可套用至非主題化小器具。
樣式定義支援多種樣式外觀,例如「顯示字串」「粗體」「線條顏色」等。
許多樣式定義為預裝定義。如需有關樣式定義及其使用方式的詳細資訊,請參閱建立狀態定義
自訂 CSS
自訂 CSS 可用於根據定義的特定值自訂主題外觀。不建議將自訂 CSS 樣式套用至小器具。如果元件在 ThingWorx 的未來版本中發生變更,則自訂 CSS 元件可能會停止工作。如需有關自訂 CSS 的詳細資訊,請參閱以下內容:
這是否有幫助?