哈喽,大家好!
为了让广大设计师&制作者朋友更快更好地制作出更优质的小米主题,我们将收集大家在适配主题系统界面过程中,遇到的难以处理的素材和难以寻找的颜色值等问题,然后进行整理汇总。
欢迎大家分享自己的制作经验,同时可以提出制作过程中遇到的难题,我们会尽可能帮助大家解决问题并同步于此。
此贴会以发现新问题为节点不定时更新,大家可保存书签长期查阅。
有任何问题可直接在帖子下面进行评论或者联系邮箱: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 条评论
验证码和话费充值界面功能背景? 最新开发版不生效了
求助短信验证码的删除图标是在哪个地方
请问下联系人的批量删除内,二级TAB栏内的”最近,联系人,群组“的常态文字颜色和选中态文字颜色分别是修改哪里的颜色值?谢谢!
小姐姐,关于v10系统时钟模块的一些颜色值和图片资源问题已经发邮件咨询了,希望能收到回复
v10 通话记录 中国移动联通 查余额 查流量的白色背景在哪里
长按桌面,底部“修改壁纸”、“添加工具”、“桌面设置”的文字颜色叫什么?
请问MIUI10通话界面中,卡1卡2的标志在哪里改