Skip to content
xuexiangjys edited this page Jan 16, 2019 · 2 revisions

Colors

颜色一般都以“xui_config_color_”开头。

属性名 属性值 备注
xui_config_color_main_theme #299EE3 主题颜色
xui_config_color_light_blue #299EE3 浅蓝色(重点提示文字和链接文字的颜色)
xui_config_color_dark_blue_gray #223B53 深蓝灰(标题文字的颜色)
xui_config_color_middle_blue_gray #6A798E 中蓝灰(正文文字的颜色)
xui_config_color_light_blue_gray #9FABBC 浅蓝灰(辅助说明文字的颜色)
xui_config_color_transparent #00000000 透明色
xui_config_color_white #FFFFFF 白色
xui_config_color_red #F15C58 红色(错误提示颜色)
xui_config_color_black #333333 黑色(输入框和下拉框文字的颜色)
xui_config_color_pure_yellow #FFFF00 黄色
xui_config_color_light_yellow #FFFFC0 浅黄色
xui_config_color_waring #FEC005 警示色(提醒)
xui_config_color_background_pressed #F2F6F9 条目点击后的背景颜色
xui_config_color_background_tablet #EAEDEF 平板窗体默认背景色
xui_config_color_background_phone #EEF3F7 手机窗体默认背景色
xui_config_color_separator_light_tablet #F0F2F4 小的分割块使用浅色的分割线(平板)
xui_config_color_separator_light_phone #F0F2F4 小的分割块使用浅色的分割线(手机)
xui_config_color_separator_dark_tablet #D9DDE1 大的分割块使用深色的分割线[像listview、gridview之类](平板)
xui_config_color_separator_dark_phone #E3E6EA 大的分割块使用深色的分割线[像listview、gridview之类](手机)
xui_config_color_edittext_hint_text #C5CDD9 输入框提示文字的颜色
xui_config_color_edittext_stroke #BEC2C7 输入框边框颜色
xui_config_color_edittext_disable #EDF2F7 不可输入的填充颜色

Dimens

尺寸一般都以“xui_config_size_”开头。

属性名 备注
xui_config_content_spacing_horizontal 水平间距
xui_config_content_spacing_vertical 垂直间距
xui_config_simple_list_item_height 简单列表的条目高度
xui_config_simple_list_icon_size 简单列表的图标尺寸
xui_config_divider_height 分割线的高度
xui_actionbar_height 标题栏的高度
xui_actionbar_title_text_size 标题栏文字的大小
xui_actionbar_sub_text_size 副标题文字的大小
xui_actionbar_action_text_size 标题栏两侧文字的大小
xui_actionbar_action_padding 标题栏图标的padding
xui_actionbar_side_text_padding 标题栏两侧文字的padding
xui_btn_view_radius 按钮的圆角角度
xui_btn_view_width 按钮的宽度
xui_btn_view_height 按钮的高度
xui_btn_view_text_size 按钮文字的大小
xui_btn_view_border_width 按钮边框的宽度
xui_config_size_title_text 标题文字大小
xui_config_size_content_text 正文文字大小
xui_config_size_explain_text 辅助说明文字大小
xui_config_size_edittext_input_text 输入框文字的大小
xui_config_size_edittext_helper_text 输入框辅助文字的大小
xui_config_size_edittext_components_spacing 输入框组件的间距
xui_config_size_edittext_left_padding 输入框左边的padding
xui_config_size_edittext_radius 输入框的圆角角度
xui_config_size_edittext_height 输入框的高度
xui_config_size_spinner_text 下拉框字体大小
xui_popup_width 弹出窗的最大宽度
xui_dialog_radius_size 对话框的圆角大小
xui_dialog_background_dim_amount 对话框透明背景的灰度
xui_dialog_loading_padding_size loading对话框的内间距
xui_dialog_loading_min_size loading对话框的最小尺寸
xui_loading_view_size loading控件的尺寸
xui_loading_view_width loading环的宽度
xui_loading_margin_size loading控件的外间距
mini_loading_view_size 迷你loading控件的尺寸

Drawables

属性名 备注
xui_config_bg_spinner 下拉框的背景
xui_config_bg_blue_btn 主题蓝色按钮的背景
xui_config_bg_dialog_radius_white 白底圆角对话框的背景
xui_config_bg_edittext 输入框的背景
xui_config_list_divider 条目的分割线
xui_config_list_item_selector 条目的点击效果
xui_config_selectable_item_selector 可点击内容的点击效果
xui_popup_arrow_up PopupWindow的向上小箭头
xui_popup_arrow_down PopupWindow的向下小箭头
xui_popup_bg PopupWindow的背景颜色
xui_ic_return_back 返回按钮
xui_ic_default_tip_btn 默认提示按钮图标
xui_ic_default_clear_btn 默认清空按钮图标
xui_ic_arrow_down_black 默认向下黑色箭头(spinner)

Layouts

属性名 备注
xui_adapter_listview_simple_item 简单列表的布局
xui_dialog_loading Loading加载弹窗的布局
xui_layout_loading_view Loading加载控件的布局
msv_empty_view 默认空页面布局
msv_error_view 默认出错布局
msv_loading_view 默认加载布局
msv_no_network_view 默认无网络布局
xui_layout_spinner_drop_down_item 下拉框列表布局
xui_layout_spinner_selected_item 下拉框已选择条目的布局
xui_layout_stateful_template StatefulLayout布局的模版布局
xui_layout_edit_spinner 可编辑下拉框的布局
xui_adapter_simple_text SimpleTextBanner的布局
xui_adapter_simple_image SimpleImageBanner的布局
xui_adapter_simple_guide SimpleGuideBanner的布局
xui_adapter_default_flow_tag_item DefaultFlowTagAdapter默认流标签的适配器布局
marqueen_layout_complex_view ComplexViewMF复合字幕的布局
marqueen_layout_notice_item SimpleNoticeMF简单字幕的布局
Clone this wiki locally