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

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

整个制作过程其实非常的简单，原理还是替换主题文件，然后压缩还原成主题，导入主题使用，这跟暗夜前一篇通知栏美化的方法大致相同；需要用到的工具就是制图的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信息呢，说简单点就是添加让图自动适应屏幕显示的条件，这个看着难，其实理解后非常简单；最后替换图片与压缩打包，没有技巧，熟能生巧的事。最后如果大家需要美化那个界面可以回帖告诉我，暗夜会发帖教大家！

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