【MIUI 8 & MIUI 9】主题制作中系统界面的颜色值&素材等相关问题答疑汇总贴


哈喽,大家好!

为了让广大设计师&制作者朋友更快更好地制作出更优质的小米主题,我们将收集大家在适配主题系统界面过程中,遇到的难以处理的素材和难以寻找的颜色值等问题,然后进行整理汇总。
欢迎大家分享自己的制作经验,同时可以提出制作过程中遇到的难题,我们会尽可能帮助大家解决问题并同步于此。
此贴会以发现新问题为节点不定时更新,大家可保存书签长期查阅。

有任何问题可直接在帖子下面进行评论或者联系邮箱: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
如下图

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


 

421 条评论

  • 匿名 2018年12月26日 回复

    验证码和话费充值界面功能背景? 最新开发版不生效了

  • 匿名 2018年12月20日 回复

    求助短信验证码的删除图标是在哪个地方

  • 夜枫 2018年12月5日 回复

    请问下联系人的批量删除内,二级TAB栏内的”最近,联系人,群组“的常态文字颜色和选中态文字颜色分别是修改哪里的颜色值?谢谢!

  • 匿名 2018年10月16日 回复

    小姐姐,关于v10系统时钟模块的一些颜色值和图片资源问题已经发邮件咨询了,希望能收到回复

  • 匿名 2018年10月14日 回复

    v10 通话记录 中国移动联通 查余额 查流量的白色背景在哪里

  • 匿名 2018年9月21日 回复

    长按桌面,底部“修改壁纸”、“添加工具”、“桌面设置”的文字颜色叫什么?

  • 匿名 2018年9月11日 回复

    请问MIUI10通话界面中,卡1卡2的标志在哪里改

发表评论

电子邮件地址不会被公开。

©2015-2016 zhutidasai.com. 版权所有 京ICP备16041368号-3