通过简单的样式设置，就可以非常轻松地完成UI组件的构建。框架提供了丰富的组件样式供大家使用。

TextStyle

  • 基础Style
1. <style name="TextStyle">
2. <item name="android:layout_width">wrap_content</item>
3. <item name="android:layout_height">wrap_content</item>
4. <item name="android:singleLine">true</item>
5. <item name="android:gravity">center</item>
6. <item name="fontPath">@string/default_app_font_path</item>
7. </style>
  • 拓展Style
样式名 备注
TextStyle.Title 标题文字样式
TextStyle.Title.wrap 自适应标题文字样式
TextStyle.Content 正文文字样式
TextStyle.Content.wrap 自适应正文文字样式
TextStyle.Explain 辅助说明文字样式

ButtonStyle

  • 基础Style
1. <style name="Button.Style" parent="@style/Button">
2. <item name="android:layout_width">?attr/xui_btn_view_width</item>
3. <item name="android:layout_height">?attr/xui_btn_view_height</item>
4. <item name="android:textSize">?attr/xui_btn_view_text_size</item>
5. <item name="android:textColor">@color/xui_config_color_white</item>
6. <item name="android:gravity">center</item>
7. </style>
  • 拓展Style
样式名 备注
Button.Blue 蓝色按钮的样式
Button.Blue.wrap 自适应蓝色按钮的样式
Button.Radius 圆角按钮的样式

ButtonView控件的样式

  • 基础Style
1. <style name="ButtonStyle">
2. <item name="android:layout_width">?attr/xui_btn_view_width</item>
3. <item name="android:layout_height">?attr/xui_btn_view_height</item>
4. <item name="android:textSize">?attr/xui_btn_view_text_size</item>
5. <item name="android:textColor">@color/xui_config_color_white</item>
6. <item name="android:gravity">center</item>
7. </style>

9. <style name="ButtonView" parent="ButtonStyle">
10. <item name="textRadius">?attr/xui_btn_view_radius</item>
11. </style>
  • 拓展Style
样式名 备注
ButtonView.Green 绿色按钮的样式
ButtonView.Blue 蓝色按钮的样式
ButtonView.Gray 灰色按钮的样式

SuperButton控件的样式

  • 基础Style
1. <style name="SuperButton" parent="ButtonStyle">
2. <item name="sCornersRadius">?attr/xui_btn_view_radius</item>
3. <item name="sSelectorDisableColor">@color/xui_btn_disable_color</item>
4. <item name="sUseSelector">true</item>
5. </style>
  • 拓展Style
样式名 备注
SuperButton.Green 绿色按钮的样式
SuperButton.Green.Icon 带图标的绿色按钮样式
ButtonView.Blue 蓝色按钮的样式
ButtonView.Blue.Icon 带图标的蓝色按钮样式
ButtonView.Gray 灰色按钮的样式
SuperButton.Gray.Icon 带图标的灰色按钮样式

RoundButton控件的样式

  • 基础Style
1. <style name="RoundButton" parent="@style/Button">
2. <item name="android:layout_width">?attr/xui_btn_view_width</item>
3. <item name="android:layout_height">?attr/xui_btn_view_height</item>
4. <item name="android:textSize">?attr/xui_btn_view_text_size</item>
5. <item name="android:gravity">center</item>

7. <item name="android:ellipsize">end</item>
8. <item name="rb_isRadiusAdjustBounds">false</item>
9. <item name="rb_radius">?attr/xui_btn_view_radius</item>
10. <item name="rb_borderWidth">?attr/xui_btn_view_border_width</item>

12. <item name="rb_backgroundColor">?attr/xui_round_btn_bg_color</item>
13. <item name="rb_borderColor">?attr/xui_round_btn_border_color</item>
14. <item name="android:textColor">?attr/xui_round_btn_text_color</item>
15. </style>
  • 拓展Style
样式名 备注
RoundButton.Auto 自适应宽度按钮的样式
RoundButton.Green 绿色按钮的样式
RoundButton.Blue 蓝色按钮的样式
RoundButton.Gray 灰色按钮的样式

EditTextStyle

  • 基础Style
1. <style name="EditText" parent="EditTextBase">
2. <item name="android:layout_height">?attr/xui_config_size_edittext_height</item>
3. <item name="android:textSize">?attr/xui_config_size_edittext_input_text</item>
4. <item name="android:paddingLeft">?attr/xui_config_size_edittext_left_padding</item>
5. <item name="android:paddingRight">?attr/xui_config_size_edittext_left_padding</item>
6. <item name="android:textColor">@color/xui_config_color_edittext_textcolor</item>
7. <item name="android:textColorHint">@color/xui_config_color_edittext_hint_text</item>
8. <item name="android:singleLine">true</item>
9. </style>
  • 拓展Style
样式名 备注
EditText.Normal 普通EditText的样式
EditText.Material MaterialEditText控件的样式

其他控件的样式

样式名 备注
MiniLoadingStyle 迷你loading加载控件的样式
Dialog.Loading.Phone 手机loading加载框的样式
Dialog.Loading.Small_Tablet 小平板loading加载框的样式
Dialog.Loading.Big_Tablet 大平板loading加载框的样式
SwitchButtonMD SwitchButton控件的MaterialDesign样式
EditSpinner 可编辑下拉框的样式
SpinnerStyle 系统默认Spinner的样式
Material.SpinnerStyle MaterialSpinner的样式