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

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

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

为了增强人性化的交动体验,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,提升家庭科技感,美好生活离不开“米家有品”。


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

扫描二维码,手机查看本帖
发表
最新评论 | 正序排列
1 条评论被过滤    只看楼主|楼层直达:
  • 不作死的神   神仙级手机控 发表于 02-12 13:35:03 ·来自移动端 只看该作者 210#

    2018祝福小米社区更加壮大,会有更多志同道合的米粉朋友加入,祝福小米破浪长空,再创佳绩!

    回复 举报

  • M1U1小战   骨灰级手机控 发表于 02-12 13:29:35 ·来自 只看该作者 209#

    祝小米社区群体2018恭喜发财

    回复 举报

  • 风剑残云   神仙级手机控 发表于 02-12 13:24:22 ·来自 只看该作者 208#

    新春快乐!!!

    回复 举报

  • 第一妃   骨灰级手机控 发表于 02-12 13:18:48 ·来自 只看该作者 207#

    祝米友们狗年旺旺旺。

    回复 举报

  • 苏雨啊   发烧级手机控 发表于 02-12 13:02:12 ·来自 只看该作者 206#

    一朵莹莹的雪花,一个甜甜的微笑,一缕轻轻的春风,一声暖暖的问候,一句美美的祝愿,一条深情的短信,狗年祝鸿福齐天!祝小米社区所有米粉新年快乐!!新的一年,红包多多~好运多多~爆竹声声除旧岁,梅花点点闹新春~😀😚一起将这美好祝福传递下去~

    回复 举报

  • 叶落无声-nx   发烧级手机控 发表于 02-12 12:50:36 ·来自 只看该作者 205#

    愿美好的愿望充溢你幸福生活每一天;吉祥的运程铺就你广阔明天每一瞬;甜美的祝福写满你人生篇章每一页!新春快乐!

    回复 举报

  • 缘·来如此   神马级手机控 发表于 02-12 09:08:20 ·来自 只看该作者 204#

    祝所有米粉2018年一帆风顺万事如意

    回复 举报

  • markyu59   神仙级手机控 发表于 02-12 08:59:19 ·来自 只看该作者 203#

    勞動人民祝福全國人民新春快樂,小米愈來愈好,祖國國運昌隆!

    回复 举报

  • Mi_1271096518   骨灰级手机控 发表于 02-12 08:09:31 ·来自 只看该作者 202#

    [赞][赞][赞]

    回复 举报

  • zeng9815   火星级手机控 发表于 02-12 00:10:49 ·来自 只看该作者 201#

    感谢分享,很实用

    回复 举报

  • zeng9815   火星级手机控 发表于 02-12 00:10:31 ·来自 只看该作者 200#

    感谢分享,很实用

    回复 举报

  • tiova   发烧级手机控 发表于 02-11 10:17:18 ·来自 只看该作者 199#

    谢谢分享……

    回复 举报

  • 黑匣子XXXX   潜力级手机控 发表于 02-11 09:48:19 ·来自PC 只看该作者 198#
    ……………………………………

    回复 举报

  • 大斐郎   神仙级手机控 发表于 02-04 12:35:27 ·来自 只看该作者 197#

    可以的

    回复 举报

  • Mi_1017758467   潜力级手机控 发表于 02-04 12:27:22 ·来自PC 只看该作者 196#
    看看。。。。。。。。。。。。。。

    回复 举报

  • feishazoushi   神仙级手机控 发表于 02-02 11:29:06 ·来自 只看该作者 195#

    学习一下。

    回复 举报

  • 诚信i为本   骨灰级手机控 发表于 02-02 11:19:20 ·来自 只看该作者 194#

    祝小米公司越来越好!手机销量第一,质量第一,信誉第一,性价比第一,如意米粉的愿望。

    回复 举报

  • 诚信i为本   骨灰级手机控 发表于 02-02 11:19:14 ·来自 只看该作者 193#

    小米,开启了科技大众化的渠道,让平民都能以亲民价格用上科技产品。

    回复 举报

  • 诚信i为本   骨灰级手机控 发表于 02-02 11:18:59 ·来自 只看该作者 192#

    未来的小米是我们需要的小米,是科技的小米,智能的小米

    回复 举报

  • 诚信i为本   骨灰级手机控 发表于 02-02 11:18:47 ·来自 只看该作者 191#

    小米百货让生活更有品位了。智能化的产品越来越多,越来越好。小米引领科技,让我们的生活更加美好。

    回复 举报

回复