跳至主要內容

主題

在根層級設定 theme 字典,可為介面設定統一的樣式。所有元件及子頁面都將繼承根層級主題字典的所有字段。

提示

如需為元件單獨設定樣式,可在各元件字典中設定 theme 字典。元件的 theme 字段將覆蓋根層級的 theme,產生主題合併。不同元件可擁有自身特有的主題屬性,詳見每個元件的 主題鍵 表格。

若元件連結到非 XUI 子頁面(如 Option/MultipleOption/OrderedOption/EditableList),子頁面將使用元件的 theme 字典;若元件連結到另一個 XUI 子頁面(如 Link),子頁面可單獨設定 theme 字典,並與父頁面的主題合併。

XUI-Dark.png

介面

類型描述
style風格介面風格
tintColor顏色前景顏色
backgroundColor顏色背景顏色
separatorColor顏色元件分隔線顏色
backgroundImage字串背景圖片相對路徑

導航欄

類型描述
navigationBarColor顏色導航欄背景顏色
navigationTitleColor顏色導航欄標題顏色

頁首與頁尾

類型描述
headerTextColor顏色header 文字顏色
subheaderTextColor顏色subheader 文字顏色
footerTextColor顏色頁尾文字顏色
headerBackgroundColor顏色header 背景顏色
footerBackgroundColor顏色頁尾背景顏色

通用元件

類型描述
cellBackgroundColor顏色元件背景顏色
disclosureIndicatorColor顏色元件指示器顏色
selectedColor顏色選中顏色
highlightedColor顏色高亮顏色
labelColor顏色標題文字顏色
valueColor顏色值文字顏色

狀態

類型描述
dangerColor顏色錯誤顏色
warningColor顏色警告顏色
successColor顏色成功顏色

風格

style描述
Grouped組風格 (預設)
Plain平鋪風格

類型 顏色,即以 # 開頭的,十六進制 RGB/RGBA 字串形式,如 #FF0000 代表紅色。