通过简单的样式设置，就可以非常轻松地完成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.MaterialMaterialEditText控件的样式

其他控件的样式

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