样式

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

TextStyle

• 基础Style

<style name="TextStyle">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:singleLine">true</item>
    <item name="android:gravity">center</item>
    <item name="fontPath">@string/default_app_font_path</item>
</style>

• 拓展Style

样式名	备注
TextStyle.Title	标题文字样式
TextStyle.Title.wrap	自适应标题文字样式
TextStyle.Content	正文文字样式
TextStyle.Content.wrap	自适应正文文字样式
TextStyle.Explain	辅助说明文字样式

ButtonStyle

• 基础Style

<style name="Button.Style" parent="@style/Button">
    <item name="android:layout_width">?attr/xui_btn_view_width</item>
    <item name="android:layout_height">?attr/xui_btn_view_height</item>
    <item name="android:textSize">?attr/xui_btn_view_text_size</item>
    <item name="android:textColor">@color/xui_config_color_white</item>
    <item name="android:gravity">center</item>
</style>

• 拓展Style

样式名	备注
Button.Blue	蓝色按钮的样式
Button.Blue.wrap	自适应蓝色按钮的样式
Button.Radius	圆角按钮的样式

ButtonView控件的样式

• 基础Style

<style name="ButtonStyle">
    <item name="android:layout_width">?attr/xui_btn_view_width</item>
    <item name="android:layout_height">?attr/xui_btn_view_height</item>
    <item name="android:textSize">?attr/xui_btn_view_text_size</item>
    <item name="android:textColor">@color/xui_config_color_white</item>
    <item name="android:gravity">center</item>
</style>

<style name="ButtonView" parent="ButtonStyle">
    <item name="textRadius">?attr/xui_btn_view_radius</item>
</style>

• 拓展Style

样式名	备注
ButtonView.Green	绿色按钮的样式
ButtonView.Blue	蓝色按钮的样式
ButtonView.Gray	灰色按钮的样式

SuperButton控件的样式

• 基础Style

<style name="SuperButton" parent="ButtonStyle">
    <item name="sCornersRadius">?attr/xui_btn_view_radius</item>
    <item name="sSelectorDisableColor">@color/xui_btn_disable_color</item>
    <item name="sUseSelector">true</item>
</style>

• 拓展Style

样式名	备注
SuperButton.Green	绿色按钮的样式
SuperButton.Green.Icon	带图标的绿色按钮样式
ButtonView.Blue	蓝色按钮的样式
ButtonView.Blue.Icon	带图标的蓝色按钮样式
ButtonView.Gray	灰色按钮的样式
SuperButton.Gray.Icon	带图标的灰色按钮样式

RoundButton控件的样式

• 基础Style

<style name="RoundButton" parent="@style/Button">
    <item name="android:layout_width">?attr/xui_btn_view_width</item>
    <item name="android:layout_height">?attr/xui_btn_view_height</item>
    <item name="android:textSize">?attr/xui_btn_view_text_size</item>
    <item name="android:gravity">center</item>

    <item name="android:ellipsize">end</item>
    <item name="rb_isRadiusAdjustBounds">false</item>
    <item name="rb_radius">?attr/xui_btn_view_radius</item>
    <item name="rb_borderWidth">?attr/xui_btn_view_border_width</item>

    <item name="rb_backgroundColor">?attr/xui_round_btn_bg_color</item>
    <item name="rb_borderColor">?attr/xui_round_btn_border_color</item>
    <item name="android:textColor">?attr/xui_round_btn_text_color</item>
</style>

• 拓展Style

样式名	备注
RoundButton.Auto	自适应宽度按钮的样式
RoundButton.Green	绿色按钮的样式
RoundButton.Blue	蓝色按钮的样式
RoundButton.Gray	灰色按钮的样式

EditTextStyle

• 基础Style

<style name="EditText" parent="EditTextBase">
    <item name="android:layout_height">?attr/xui_config_size_edittext_height</item>
    <item name="android:textSize">?attr/xui_config_size_edittext_input_text</item>
    <item name="android:paddingLeft">?attr/xui_config_size_edittext_left_padding</item>
    <item name="android:paddingRight">?attr/xui_config_size_edittext_left_padding</item>
    <item name="android:textColor">@color/xui_config_color_edittext_textcolor</item>
    <item name="android:textColorHint">@color/xui_config_color_edittext_hint_text</item>
    <item name="android:singleLine">true</item>
</style>

• 拓展Style

样式名	备注
EditText.Normal	普通EditText的样式
EditText.Material	MaterialEditText控件的样式

DialogStyle

• 基础Style

<style name="XUIDialog" parent="@android:style/Theme.Dialog">
    <!-- Dialog的windowFrame框为无 -->
    <item name="android:windowFrame">@null</item>
    <item name="android:windowNoTitle">true</item>
    <!-- 是否漂现在activity上 -->
    <item name="android:windowIsFloating">true</item>
    <!-- 是否半透明 -->
    <item name="android:windowIsTranslucent">false</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowAnimationStyle">@null</item>
    <item name="android:windowSoftInputMode">adjustPan</item>
    <item name="android:windowBackground">@color/xui_config_color_transparent</item>
</style>

• 拓展Style

样式名	备注
Dialog.Loading.Phone	手机loading加载框的样式
Dialog.Loading.Small_Tablet	小平板loading加载框的样式
Dialog.Loading.Big_Tablet	大平板loading加载框的样式
XUIDialog.Custom	自定义弹窗样式
XUITheme.AlertDialog	系统弹窗的XUI样式
XUITheme.BottomSheetDialog	BottomSheetDialog的XUI样式

其他控件的样式

样式名	备注
MiniLoadingStyle	迷你loading加载控件的样式
SwitchButtonMD	SwitchButton控件的MaterialDesign样式
EditSpinner	可编辑下拉框的样式
SpinnerStyle	系统默认Spinner的样式
Material.SpinnerStyle	MaterialSpinner的样式