使用樣式主題
樣式主題是樣式內容的集合,可指定混搭中小器具與其他元件的外觀。依預設,系統會對您在編輯器中建立的所有新混搭套用 PTC 收斂主題。主題是使用 PTC 設計系統原則建立的。您可以建立並使用自己的樣式主題來建立具有一致外觀與感覺的混搭和應用程式。樣式主題包括用於控制混搭中小器具顏色、字型和線條樣式的整體樣式。此外,您也可以使用 Composer 中樣式主題實體「樣式」標籤上的編輯器,修改元素 (例如連結、按鈕和選單) 的更多特定樣式。
可以使用下列方式將樣式套用至混搭:
樣式主題與樣式內容 - 混搭內主題小器具的樣式。
樣式定義 - 非主題與舊有小器具的樣式。
* 
當您將狀態定義實體套用至小器具時,系統將使用樣式定義設定主題小器具的樣式。
自訂 CSS - 標準 CSS 語法。
與樣式定義相比,主題可讓您:
透過將主題套用至與應用程式相關聯的多個混搭來快速擴充您的設計。
重複使用通用樣式,而不必將狀態定義套用至混搭中的個別小器具。
使用樣式主題實體「樣式」標籤上的預覽混搭預覽樣式。
匯出或共用樣式主題,與其他人協同合作應用程式設計。
使用樣式主題與樣式內容
樣式主題會套用至混搭層級,樣式內容會套用至小器具層級。欲取代混搭樣式主題,請使用 Mashup Builder 中的「樣式內容」面板來編輯特定小器具的樣式內容。樣式內容可用於在不同狀態下配置小器具外觀,例如使用中、已按下和暫留。您可以使用樣式主題來定義應用程式的一般外觀,然後根據需要使用樣式內容來對個別小器具執行高級樣式配置。
建立自訂主題
當您建立新樣式主題時,我們建議您先複製現有樣式主題,例如 PTC 收斂主題。然後,您可以使用樣式主題編輯器自訂主題內的整體與元素樣式,以使其符合您的設計需求。
使用舊有樣式主題
與套用至舊有小器具的樣式定義相比,預設收斂度主題會套用更現代且更便於存取的設計。欲保留舊有小器具的外觀,請將 Legacy Styles Theme Composer 實體套用至混搭。當移轉包含舊有小器具或版面配置的混搭時,您也可以使用「混搭移轉」對話方塊執行此任務。
使用自訂 CSS
Web 元件小器具支援使用樣式主題與小器具樣式內容自訂樣式。PTC 不建議使用自訂 CSS 取代 web 元件樣式,且不會為此提供支援。元件 DOM 結構與 CSS 類別會被視為內部實行細節,在發行新版本的 ThingWorx Foundation 時可能會變更。
這是否有幫助?