哈喽，大家好！

为了让广大设计师&制作者朋友更快更好地制作出更优质的小米主题，我们将收集大家在适配主题系统界面过程中，遇到的难以处理的素材和难以寻找的颜色值等问题，然后进行整理汇总。

欢迎大家分享自己的制作经验，同时可以提出制作过程中遇到的难题，我们会尽可能帮助大家解决问题并同步于此。

此贴会以发现新问题为节点不定时更新，大家可保存书签长期查阅。

有任何问题可直接在帖子下面进行评论或者联系邮箱：theme@xiaomi.com。

作为全球可能最大的主题市场，我们会竭诚为大家提供最优质的服务。

与此同时，我们也希望大家用更优秀的主题为我们的用户带来更棒的体验！

 

---

我是可爱的分割线

---

更新日志：

4.25：

联系人列表右上角的三个点素材位置以及命名。

3.30:

1、通知栏模块第三方开关的一些颜色值以及素材值：

通知栏模块的全局：

开关打开状态背景图： status_bar_toggle_on_bg.png

全局颜色值：

开关打开状态的颜色： status_bar_toggle_on_color

开关关闭状态的颜色： status_bar_toggle_off_color

2、设置模块全面屏图标名称（设置模块图片素材）

3、截屏界面中长截屏图标的名称（通知栏模块图片素材）

3.30：

再次更新编辑截屏预览界面的解决方法（原来的方法在米5机型上会有两条白边。）。

1.29：

1、设置—全面屏的选项字体颜色值。

12.22：

1、高级设置-彩信已读报告（MIUI）：bright_foreground_light。

2、短信名片内容字体颜色：

名片标题（短信）：text_color_card_name；

短信电话属性（MIUI）：dim_foreground_light。

3、空白页面提示字体颜色（MIUI）：blank_page_text_color_light。

4、我的设备型号（MIUI）：list_secondary_text_color_normal_light；

WLAN已连接账号（MIUI）：dim_foreground_light。

5、彩信主题输入框提示字体颜色（短信模块）：hint_edit_text_color_light。

12.18：

更新音量调节弹窗静音字体颜色。

12.11：

陌生联系人加入黑名单按钮素材。

11.8：

通知栏流量监控小图标的素材位置。

10.30：

更新联系人详情页面头部背景。

9.19：

更新来电转接弹窗字体及素材。

9.12：

更新添加指纹密码界面字体颜色。

9.8：

1、增加MIUI实验室里面的文字颜色以及背景颜色；

2、【我的小米】图标新旧版本的适配。

8.30：

增加修改密码界面的文字颜色和素材。

8.29：

更新修改密码界面忘记密码提示的文字颜色值。

8.22：

1、新增首次设置密码界面的文字提示和弹窗倒计时按钮文字颜色；

2、新增任务管理器“近期没有任何内容”文字颜色。

8.21：

新增MIUI 9一键清理背景。

 

---

MIUI 9 资源汇总&更新

由于MIUI 8和MIUI 9在模块界面素材无较大的改动，故此处整理一下MIUI 8主题在MIUI 9上的一些适配问题

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

---

全局模块：

联系人列表右上角的三个点素材（MIUI）：

常态：action_mode_immersion_more_dark_n.png

按下态：action_mode_immersion_more_dark_p.png

---

 通知栏第三方开关：

目前部分系统已经支持添加第三方开关，但是不能跟系统开关一起适配和变色。

改进方式：

1.添加一个开关打开状态的背景图

开关打开状态背景图： status_bar_toggle_on_bg.png

2.添加两个色值，分别对应第三方开关的打开状态颜色和关闭状态颜色

开关打开状态的颜色： status_bar_toggle_on_color

开关关闭状态的颜色： status_bar_toggle_off_color

---

设置模块全面屏图标名称（设置模块图片素材）：

ic_infinity_display_settings.png

---

截屏界面中长截屏图标的名称（通知栏模块图片素材）：

不可按下状态：action_button_long_screenshot_disable_light.png

正常状态：以及action_button_long_screenshot_normal_light.png

按下状态：action_button_long_screenshot_pressed_light.png

---

通知栏模块：

1、截屏图片预览界面Tab栏颜色值：screenshot_ui_bg。

2、关于截屏预览问题，目前因系统问题无法适配全机型，和全局大背景一样，按照常规方法适配，要做成1080*2160分辨率尺寸保证18比9屏幕正确显示即可，系统修复后便可全机型生效。

---

全面屏设置模块：

设置——全面屏：

setting:color_radio_button_text。

---

短信设置：

高级设置-彩信已读报告：

MIUI：bright_foreground_light。

---

短信模块：

短信名片内容字体颜色：

名片标题：text_color_card_name；

短信电话属性（MIUI）：dim_foreground_light。

---

全局模块：

空白页面提示字体颜色（MIUI）：blank_page_text_color_light。

---

设置模块：

我的设备型号（MIUI）：list_secondary_text_color_normal_light；

WLAN已连接账号（MIUI）：dim_foreground_light。

---

短信模块：

彩信主题输入框提示字体颜色（短信模块）：hint_edit_text_color_light。

---

MIUI全局模块：

静音字体颜色：silent_mode_title。

---

联系人模块：

陌生人加入黑名单按钮：

常态：contact_detail_unfold_item_bg_n.9.png;

按下状态：contact_detail_unfold_item_bg_p.9.png.

---

安全中心模块：

将原有素材从通知栏模块移动到安全中心模块。

---

联系人模块：

联系人详情页面list头部背景：

头部有号码： contact_detail_list_item_action_bg.9.png；

头部无号码： contact_detail_list_item_action_bg_single.9.png。

全局界面：

来电转接弹窗按钮字体颜色值（MIUI全局模块）：

1、更新：button_text_color_guide_normal_light；

2、关闭&取消：button_text_color_dialog_light。

来电转接弹窗按钮素材值（MIUI全局模块）：

btn_bg_dialog_vertical_first_normal_light.9.png；

btn_bg_dialog_vertical_first_pressed_light.9.png；

btn_bg_dialog_vertical_last_normal_light.9.png；

btn_bg_dialog_vertical_last_pressed_light.9.png；

btn_bg_dialog_vertical_middle_normal_light.9.png；

btn_bg_dialog_vertical_middle_pressed_light.9.png；

---

设置界面：

添加指纹界面：

1、请将手指放在传感器

setting：add_fingerprint_title_text_color；

2、指纹传感器位于手机正面的主屏幕键

setting：add_fingerprint_msg_text_color。

 

---

【我的小米】图标适配：

MIUI 9包名：   com.xiaomi.vipaccount;

MIUI 8及以前：com.xiaomi.account.

为了保证版本的兼容性，应适配以上两种“我的小米”图标。

---

MIUI实验室界面：

全局模块颜色值：

MIUI实验室字体颜色：bright_foreground_light；

设置模块颜色值：

探索黑科技 为发烧而生字体颜色：color_not_selected；

MIUI实验室小背景颜色：white。

---

设置密码界面：

全局模块颜色值：

Tab栏Title主要文字颜色：action_bar_title_text_color_light；

Tab栏Title次要文字颜色：action_bar_subtitle_text_light；

↑上面2个颜色值包含所有模块的Title文字颜色,可在要更改的模块MIUI全局属性颜色值单独更改↑

设置密码提示主要文字颜色：bright_foreground_light；

设置模块颜色值：

请牢记您的密码提示文字颜色：choose_password_forget_text_color_light；

底部按钮中文字颜色：

常态：choose_lock_button_text_color；

不可按状态：choose_lock_button_enable_text_color。

 

---

首次设置密码界面：

设置模块：

弹窗按钮倒计时字体颜色：button_text_color_dialog_disabled_light;

首次设置密码提示字体颜色：choose_password_forget_text_color_light;（该颜色值与上面 请牢记您的密码 提示颜色一致）.

 

---

一键清理背景：

home模块：

gadget_clear_button_bg.png

---

任务管理器：

systemui模块颜色值：

1、”分屏模式” 文字：recents_dock_btn_text_color;

2、分屏拖动背景：recents_dock_area_overlay;

3、拖动应用到此处” 文字 ：recents_dock_area_text_color;

4、任务名称：task_manager_text;（MIUI 9不生效请升级最新版！）

5、内存信息：txt_memory_info_color;

6、近期没有任何内容：task_manager_no_recents_text.

---

MIUI 8 资源汇总

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 

---

我的设备

settings模块：

介绍&说明大文字：basic_info_item_title_color;

介绍&说明小文字：basic_info_item_summary_color;

方块背景：white;

分割线：basic_info_item_divider_color.

---

设置 – 更多设置 – 系统安全 – 信任的凭据

上方字体：

选中态：miui：action_bar_tab_text_color_selected_light;

未选中：miui：action_bar_tab_text_color_normal_light;

顶栏背景：miui：action_bar_title_stack_bg_light.9.

---

联系人搜索 ：

联系人模块：

1、历史记录和删除小图标：ic_search_history.png

2、删除历史记录小图标：ic_delete_search_history.png

---

更改密码等界面绘制图案页面：

settings模块：

1、常态圆点素材：lock_pattern_code_lock_touched_holo.png（10px*10px的圆）;

2、错误状态素材：lock_pattern_code_lock_error_holo.png（10px*10px的圆）.

framework-miui-res：

下方“点击更改”字体颜色：link_text_light

---

低电量提示次要文字：

通知栏模块：battery_low_percent_color

---

新建 / 编辑联系人顶部背景：

拨号与联系人模块素材：action_mode_bg.9.png.

---

通知栏屏蔽通知相关文字：

systemui模块：

1、“屏蔽通知”：status_bar_expanded_title；

2、“不再提示该应用所有通知”：status_bar_expanded_content；

3、“确认屏蔽”：expanded_notification_blocker_color.

---

字体大小设置页面相关字体颜色：

miui全局：

1、title文字：action_bar_title_text_color_light；

2、底部按钮文字：button_text_color_light.

设置模块：

1、“列表预览图”文字：transparent_40_balck；

2、“列表文字”预览文字，同下方字体大小选项文字：transparent_60_balck；

3、字体大小候选选中文字：font_color；

---

短信首页增加了分组功能，涉及到的资源图及文字颜色如下：

1.小标题背景图：在miui全局（framework-miui-res）：list_view_item_group_header_bg_light.9.png
2.小标题文字颜色：在miui全局（framework-miui-res）：list_view_item_group_header_text_light
3.分割线颜色：在短信模块（com.android.mms）：section_divider_stroke_color
4.短信首页大背景变为全局（framework-miui-res）的：window_bg_light.9.png（原来是window_bg_secondary_light.9.png）

---

新建联系人顶部tab下弹窗列表背景：

联系人模块素材：pop_up_window_list_bg.9.png

 

---

列表文字选中态：

miui全局颜色值：checked_text_light （同列表高亮色，例如：已连接wifi标题）

用到它的地方有：

设置 -> 耳机线控功能列表选中态文字

设置 ->  选择默认桌面列表选中态文字等

---

设置电量和性能字体：

miui全局颜色值：list_secondary_text_color_normal_light（同列表常态次要字体）

---

彩信详情背景：

短信模块素材：flatshow_bg.9.png

---

wifi分享说明文字字体：

miui全局颜色值：preference_secondary_text_color_light (同设置界面次要字体)

---

功能类短信下方菜单按钮字体：

miui全局颜色值：bright_foreground_light

---

新建短信右上角选择选择联系人界面群组列表名称：

miui全局颜色值：v5_list_text_color_light

---

短信双卡切换文字颜色：

短信模块：

常态：text_color_recipient、sim_indicator_color_normal （兼容新老版本，两者都要改一下）

选择：sim_indicator_color_selected

短信双卡切换按钮背景颜色：

短信模块：

常态：send_slot_btn_bg_n.9.png

二态：send_slot_btn_bg_p.9.png

 

---

开关排序：

settings模块颜色值：

1、拖动背景：selector_bg

2、开关线框：toggle_line_color

3、开关染色：toggle_color，透明度为0则不染色。（开关图片使用的是framework-miui-res的开关素材，注：染色会保留透明区域。）

---

 

拨号与联系人相关的一些：

一、全局 framework-miui-res

1.列表默认头像增加为4个，素材分别是

ic_contact_list_picture.png；
ic_contact_list_picture2.png；
ic_contact_list_picture3.png；
ic_contact_list_picture4.png。

2.弹窗的所有图片和文字独立

新增弹窗输入框：edit_text_bg_dialog_single_light.9.png；
新增弹窗输入文字颜色：edit_text_dialog_color_normal_light；
新增弹窗按钮文字颜色：button_text_color_dialog_light。

二、联系人 com.android.contacts

1.联系人详情页和弹窗页的列表文字颜色不再调用全局

详情列表主文字：contact_detail_list_item_primary_text_color
详情列表次要文字：contact_detail_list_item_secondary_text_color

弹窗列表主文字：quickcontact_list_item_primary_text_color
弹窗列表次要文字：quickcontact_list_item_secondary_text_color
如下图：

2.新建联系人

顶部背景：action_mode_bg.9.png
两边按钮：framework-miui-res里的action_mode_XXX_button_bg_XXX_dark.9.png
确定文字颜色：action_mode_button_ok
如下图

下面这个是前几天做的一张联系人列表的图，大家可以参考下：

---