请选择 进入手机版 | 继续访问电脑版

【MI达人】MIUI8音量调节美化之“魅惑佳人”,美到让你尖叫

圆月小侠 921 0

摘要:  开篇之前暗夜想跟大家分享一下做音量美调节界面美化的初衷,最初的时候暗夜想的是音量调节的时候能不能增加文字提示,提醒用户音量不要开到最大,既能保护耳朵又能保护手机;后来做了一版单纯的文字提示,显示效果感 ...

开篇之前暗夜想跟大家分享一下做音量美调节界面美化的初衷,最初的时候暗夜想的是音量调节的时候能不能增加文字提示,提醒用户音量不要开到最大,既能保护耳朵又能保护手机;后来做了一版单纯的文字提示,显示效果感觉特别别扭,所以才想到增加人物、动物比较灵动的元素,也就是本帖想要分享给大家的内容。

整个制作过程其实非常的简单,原理还是替换主题文件,然后压缩还原成主题,导入主题使用,这跟暗夜前一篇通知栏美化的方法大致相同;需要用到的工具就是制图的PHotoshop,用于添加图片.9信息的9 Patch Editor,用于解压与压缩的解压者文件管理器。具体怎么操作,我们往下看!

温馨提示:学习教程前请先看下图演示效果,觉得喜欢往下学习,觉得不满意关闭帖子,切勿乱喷;左边是无音量文字体验的,展开后的效果图,右边是有音量提醒的未展开的效果图(帖子后面有视频教程,不怕学不会,美女主题回复后下载)。

◆素材制作◆

制作图片工具不限能达目的均可,无论是电脑还是手机,暗夜建议使用PHotoshop(以下简称PS),相对来说PS功能较多,能够更加随意的创作图片;制作素材主要注意如下几点,如果想要透明效果就把背景去掉、格式必须保存为.png格式、标注音量滑条显示区域;由于每人技术基础不同,PS使用方法暗夜不在详细说明,如果不会使用PS,也可以直接使用现成的图片素材。素材图片制作好以后,如果是手机版PS,则保存的图片存放在>内部存储>Pictures>Adobe? Photoshop? Touch文件夹。

◆图片添加.9信息◆

打开图片.9信息编辑工具,点右上角击文件夹,根据图片存储路径选择图片,把图片导入进来;在拉伸区域标签下,点击右上角“+”号添加上部、左部拉伸区域(拉伸就是根据显示需求自动拉伸图片达到完美视觉效果);在内容区域标签下,点击右上角“放大按钮”添加内容区域(内容区域就是图片上用于显示文字、进度条等需求的区域);根据素材不同,拉伸区域与内容区域可按需调整,所以这一步需要对安卓.9图片有认知的同学方能懂得,不懂的百度搜索.9图去补课;碘酒图片信息添加好以后保存即可,默认保存在内部存储>9patch文件夹,并且把素材重命名为volume_dialog_background.9.png备用。

◆替换图片◆

看过暗夜前面几篇美化帖的同学,应该都知道,主题美化其实就是主题解包→替换图片→主题再封包这几个步骤。所以我们先回复帖子下载主题包源文件,为了方便大家暗夜已经把主题包源文件传到百度网盘下载即可。接下来的操作咋们在第三方文件管理器“解压者”里操作,系统自带的文件管理器解压有乱码,压缩也不完整。

下载完成后解压源文件当当前文件夹,解压完成后源文件里有deion.xml(主题信息)、preview文件夹(主题展示图片)、com.android.systemui源文件(通知栏背景修改)、framework-miui-res源文件(设置、短信、音量界面修改);所以本帖咋们要修改的目标是framework-miui-res这个文件夹。

返回到根目录,找到9patch文件夹,复制volume_dialog_background.9.png图片,复制右上角会出现粘贴图标;返回到主题美化文件夹,依次打开framework-miui-res源文件→res文件夹→drawable-xxhdpi文件夹,点击右上角的粘贴按钮,由于源文件里本来就有音量背景图,所以粘贴的时候会提示覆盖,点击确定覆盖,新的音量背景图就替换完成了。

◆主题打包◆

文件替换完成后,返回到framework-miui-res源文件,长按同时选中里面的所有文件,点击右上角“三点”按钮,点击压缩,点击确定,得到framework-miui-res源文件.zip;

然后点击重命名,去掉“源文件.zip”,只保留framework-miui-res文件;然后复制或者剪切framework-miui-res文件到主题美化目录。framework-miui-res文件的美化工作就结束了。同理把com.android.systemui源文件里的文件全选压缩,重命名得到com.android.systemui文件。

然后关于通知栏背景、后台管理背景、设置背景、电话背景、短信背景等,替换图片方法都差不多,参考如下说明。

com.android.systemui文件修改内容(res文件夹→drawable-xxhdpi文件夹),notification_panel_bg.9.png 下拉通知背景、recent_task_bg.9.png 后台清理内存背景;framework-miui-res文件夹修改内容,window_bg_secondary_light.9.png 窗口背景、settings_window_bg_light.9.png 设置背景、volume_dialog_background.9.png 音量背景

所有美化操作完成,长按选择deion.xml、preview、com.android.systemui、framework-miui-res四个文件,点击右上角压缩,压缩后得到.zip的压缩包,然后重命名为.mtz,主题打包完成。

前面暗夜发布通知栏美化时已经给大家演示了如何应用主题,这里暗夜就不重复说明了,请大家移步查看!主题使用:

http://bbs.xiaomi.cn/t-13359747

;看到这里如果还没有学会,别着急,暗夜为大家提供了视频教程,视频教程与所需工具、源文件回复后刷新即可观看与下载;透露下,帖子开篇的美女主题就隐藏在下边,想把她带回家就快回复!!

以下内容被隐藏,回复本帖后可见


以上就是暗夜关于调整音量时弹出界面的美化,难点就是图片制作与图片的.9信息添加,图片制作这个真心不好教,一个帖子连基础都说不完,所以大家量力而行,不会制作就用现成图片;图片.9信息呢,说简单点就是添加让图自动适应屏幕显示的条件,这个看着难,其实理解后非常简单;最后替换图片与压缩打包,没有技巧,熟能生巧的事。最后如果大家需要美化那个界面可以回帖告诉我,暗夜会发帖教大家!

慎重提示:本帖内容严禁转载(官方除外),如需要转载请联系暗夜!



鲜花

握手

雷人

路过

鸡蛋
分享到:
收藏 邀请
上一篇:【小米5c开箱】迈出踏春的澎湃之“芯” 下一篇:小米5C之续航测试