为了解决UI组件在不同尺寸设备上的渲染问题，我特别定制了3种不同设备尺寸的主题：“手机”(4.5英寸)，“小平板”（7英寸及以上，10英寸以下）和“大平板”（10英寸及以上）三种。

Theme

框架中UI主题由顶至低，目前可分为4层：XUIRootTheme、XUIBaseTheme、XUITheme和XUITheme.xxx。

• XUIRootTheme

Theme的最顶层，由各个 API Level 自行决定继承自系统的哪个Theme。目前框架中选择继承的是Android5.0以上最常用的主题：“Theme.AppCompat.Light.NoActionBar”。

• XUIBaseTheme

基础 Theme，继承XUIRootTheme，定义所有公用的 style。这里主要设置的是应用全局性的样式，包括：colorAccent、colorPrimary、colorPrimaryDark、android:textColorPrimary、windowNoTitle、selectableItemBackground、android:textViewStyle、android:listSelector、android:listDivider、android:gridViewStyle等

• XUITheme

XUI框架的基础 Theme，继承XUIBaseTheme，可根据应用自身的特点自定义自己独特性全局性的Style。

• XUITheme.xxx

框架默认提供的UI主题，继承XUITheme。可根据实际需求修改特定组件的主题样式。具体可分为大平板（XUITheme.Tablet.Big）、小平板（XUITheme.Tablet.Small）和手机（XUITheme.Phone）三种样式，其中大平板和小平板又共同继承了平板主题（XUITheme.Tablet）。

Theme表

框架默认提供了多种UI主题

• XUITheme.Launch：启动页面的主题
• XUITheme.Tablet：平板的主题
• XUITheme.Tablet.Big：大平板的主题
• XUITheme.Tablet.Small：小平板的主题
• XUITheme.Phone：手机的主题
• XUIDialog：基础对话框的主题
• XUIDialog.Custom：自定义对话框的主题

Theme属性表

主题属性使用?attr/的方式进行引用。

全局属性

标题栏属性

按钮属性

文字属性

输入框属性

pop弹出框属性

dialog属性

loading加载属性

如何自定义自己的主题

如何自定义

前面说过了XUI默认提供了四层主题，这里我们定义自己的主题主要是覆盖XUITheme主题。

1. <!-- 拓展主题 theme. -->
2. <style name="XUITheme" parent="XUIBaseTheme">
3. <!--设置默认窗口的动画样式-->
4. <item name="android:windowAnimationStyle">@style/WindowAnimStyle</item>

6. <!--自定义标题栏样式方法1,通过自定义通用属性-->
7. <item name="xui_actionbar_color">@color/app_color_theme_1</item>
8. <item name="xui_actionbar_text_color">@color/xui_config_color_primary_text</item>
9. <item name="xui_actionbar_immersive">true</item>

11. <!--自定义标题栏样式方法2,通过自定义组件默认样式-->
12. <item name="TitleBarStyle">@style/TitleBar.Custom</item>
13. </style>

15. <style name="TitleBar.Custom">
16. <item name="tb_titleTextColor">@color/xui_config_color_primary_text</item>
17. <item name="tb_immersive">true</item>
18. </style>

20. <style name="WindowAnimStyle" parent="@android:style/Animation">
21. <item name="android:activityOpenEnterAnimation">@anim/xpage_slide_in_right</item>
22. <item name="android:activityOpenExitAnimation">@anim/xpage_slide_out_left</item>
23. <item name="android:activityCloseEnterAnimation">@anim/xpage_slide_in_left</item>
24. <item name="android:activityCloseExitAnimation">@anim/xpage_slide_out_right</item>
25. </style>

自定义基础主题属性

• 通用颜色属性

• 通用尺寸属性

自定义通用组件的默认主题样式

• 标题栏属性

• 通用组件样式属性