小米6 +关注 已有0人关注 +发表新主题
回复

【主题美化】MIUI悬浮球新装计划,打造您的专属时装

精华 发表在 玩法&技巧 08-02 16:14:43  来自PC 复制链接 手机看帖扫一扫!手机看帖更爽 170 14272

为了增强人性化的交动体验,MIUI增加了“悬浮球”功能,通过“悬浮球”可快速启动应用程序或者快捷功能,在大屏手机上还可以用着虚拟按键,总之很实用。对“悬浮球”的功能暗夜实在找不到痛点可吐槽,唯一觉得不满意的就是那一成不变的界面;因为MIUI最初打动暗夜的就是百变主题,所以总幻想着“悬浮球”能够换新装,也能随心所欲。终于功夫不负有心人,偶然的机会发现了“悬浮球”的秘密,“悬浮球”换装计划终于完美成功。通过本帖暗夜将手把手教你如何打造属于你自己的“悬浮球”!

阅读提示:由于是美化教程,需要一定的动手能力,所以学习过程中切勿操之过急;下左图是纯色版,下右图是图片美化版,如喜欢继续往下学习!

◆获取原始主题包◆

本次“悬浮球”换新装是通过MIUI主题方式实现的,所以主要操作就是主题修改,暗夜前面分享过很多篇关于主题修改美化的教程,所以本篇重点分解“悬浮球”的修改目标,部分常规替换步骤将会简略说明。

首先,主题修改的基础就是要获取原始主题包,原始主题包帖子末尾提供下载,自行回复后下载;其次,主题包获取后把后缀主题的“.mtz”改成“.zip”,因为手机上只有“.zip”格式的文件才能解压;最后,通过解压得到需要修改的目标文件,解压会得到五个文件,其他不用管,本次目标是“com.miui.touchassistant”。推荐使用解压软件“解压者”,系统自带的可以解压但是压缩不完整,暗夜美化主题御用软件就是“解压者”。

◆解压目标文件◆

通过上面的步骤,我们得到了目标文件“com.miui.touchassistant”,这就是主题包里用于控制“悬浮球”界面的文件,我们本次的目的就是修改它。修改它之前需要把它解压,而解压就得改成手机支持的格式,所以通过重命名把目标文件改成“com.miui.touchassistant.zip”,然后直接解压即可,解压后会得到“theme_values.xml”文件,“theme_values.xml”就是控制“悬浮球”图标颜色和悬浮球球体大小的代码文件,我们的目标就是修改里面的代码。

◆代码注解◆

前面说过我们使用的软件是“解压者”,可自行到小米应用商店下载。点击“theme_values.xml”文件选择“文本编辑器”打开。需要修改的地方暗夜已经用中文注释了,现在暗夜分类具体讲解。

↓悬浮球弹出按钮代码↓

控制目标:“悬浮球”弹出图标按钮未点击时的背景色;

颜色分解:上面的颜色代码“ff0000ff”,颜色通常是6个数字或字母,为何这里是8个字符呢?因为前面两个字母“ff”表示颜色显示程度,通常00表示完全透明不显示颜色,ff表示完全不透明颜色显示完整颜色,如把ff改成50那么则半透明;“0000ff”就是颜色编码,可以通过搜索颜色编码表对照修改,所以“ff0000ff”表示100%程度显示蓝色。

控制目标:“悬浮球”弹出图标按钮点击后(触摸后)的背景色;

颜色分解:颜色编码“50ff6437”代码为半透明的褐色,之所以点击前与点击后要用不同颜色,主要是为了便于确定是不是触摸到或者点击到按钮。

↓悬浮球球体代码↓

悬浮球球体大小控制,55为默认,如果把55改成100,悬浮球就会变大,这里建议不要动,悬浮球太大真的很丑。
这段代码控制目标是悬浮球球体颜色,颜色编码“ff0000ff”表示100%程度显示蓝色,注意球体颜色千万别弄全透明,不然白色背景的时候找不到悬浮球。

下左图是暗夜提供的原始“蓝色妖姬”版;下右图是暗夜二次做的“粉色女郎”版(颜色编码ffff69b4),大家注意对比颜色编码部分即可明白其中玄机。


◆打包还原与主题应用◆

修改完成主题后,现在我们需要把修改后的文件压缩还原成主题文件,这里主要分两步,第一步长按修改后的“theme_values.xml”文件,选择压缩,得到“xxxxx.zip”这样的压缩文件夹,通过重命名改成“com.miui.touchassistant”;

第二步,复制新的“com.miui.touchassistant”文件到主题目录,同时选中“preview”、“com.android.systemui”、“deion.xml”、“framework-miui-res”、“com.miui.touchassistant”五个文件,选择压缩,同样会得到“aaaaa.zip”格式的文件,再把“.zip”改成“.mtz”即“aaaaa.mtz”,MIUI的主题包格式就是“主题名称.mtz”。

第三步,打开个性主题,点击本地,点击底部的“从SD卡导入”按钮,找到“悬浮球”主题文件位置,勾选主题文件点击确定;等待导入完成,直接应用主题即可。

◆探索-深度定制◆

相信大家已经发现了,我们虽然通过修改代码能够实现悬浮球球体与弹出按钮变色,但是仅仅这样,暗夜觉得并不完美,所以暗夜针对不完美的地方又做了升级,让悬浮球更加个性。

升级一:“悬浮球”球体从单纯的颜色背景升级为“图标”模式,也就是用个性图标代替球体,这样我们就可以制作各种各样的图标来装扮悬浮球。

升级二:“悬浮球”弹出图标里的“功能标识”也升级为“图标”模式,可以用图标来显示“功能标识”,比如“返回键 >”就可以制作一个 图标来显示。

下面是“悬浮球”各种素材对应的名称,如果你想用图标模式来美化悬浮球,必须严格参考下面名称,否则无法显示。当然想要查看下面内容,需要大家回复评论支持一下暗夜,回复后刷新即可查看。

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

由于暗夜时间有限,加上手机升级到安卓7.0后,手机里的PHotoshop不能用了,暗夜就以升级悬浮球球体为例给大家演示。素材大家可以自行设计或者网上下载现成素材,并且严格按照上面描述的名称给图标命名,素材准备好后开始操作。

第一步:解压初始“悬浮球”主题包,得到“com.miui.touchassistant”文件;把“com.miui.touchassistant”文件加上后缀“.zip”,并且解压,解压后会得到“theme_values.xml”文件;打开“theme_values.xml”文件后,找到球体颜色控制代码,把代码设置为透明,即把颜色编码里前面两个字母“ff”改成“00”;6位颜色编码不变,因为已经透明了,任何颜色都已经无效。下左图是原始蓝色,下右图是弹出按钮背景金色、球体透明,注意看红框位置。

第二:代码修改好以后,我们现在需要把“悬浮球”球体素材加入进来,但是主题有其固定的规矩,不是想放哪里放哪里。在与“theme_values.xml”文件同目录下新建文件夹“res”;打开“res”文件夹,在文件夹内在新建一个“drawable-xxhdpi”文件夹,相当于得到res>drawable-xxhdpi这样的路径。

第三步:复制球体素材,球体素材有两个记得一起复制,然后把素材添加到“drawable-xxhdpi”文件夹里,这样球体素材添加完成;如果你还想添加其他“功能标识”的图标素材,同样复制到“drawable-xxhdpi”文件夹即可。

第四步:返回目录,长按“res”文件夹与“theme_values.xml”文件,选择压缩,压缩后会得到“ddddd.zip”这样的压缩文件;把它重命名为“com.miui.touchassistant”;最后根据前面的主题压缩还原步骤把“com.miui.touchassistant”文件打包到主题,导入主题应用即可。

温馨提示:本次教程初始文件回复即可下载

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

注意事项:

一,悬浮球球体颜色千万别设置成透明,不然在白色背景下很难发现悬浮球位置;

二,悬浮球弹出图标背景颜色也不要全透明,并且颜色不要白色,不然“功能标识”无法看清。

三,悬浮球弹出图标里的“功能标识图标”大小无法修改,至少目前暗夜不会。


以上就是暗夜关于“悬浮球”美化的全部内容,喜欢的点个赞,回复评论支持一下;同时欢迎各路大神加入小米社区达人组,一起搞机写评测;大家也可以在应用商店下载安装“米家有品”app,提升家庭科技感,美好生活离不开“米家有品”。


慎重提示:严禁转载,如需要转载请私信暗夜!

扫描二维码,手机查看本帖
发表
最新评论 | 正序排列
只看楼主|楼层直达:
回复