跳到主要内容

主题

在根层级设置 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 代表红色。