miui主题未适配图标的优化方法与建议,miui主题突然用不了


miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
很多主题包括默认主题的图标,都没有优化第三方未适配图标,导致显示不完美
实际上不适配的图标也是可以优化的
安卓应用图标非常多,大概有20万个,所以主题不可能全部适配,一般是适配最常用的几百个图标即可,适配较多的也最多3千多点 。但还是无法全适配 。
那未适配的图标就由系统固定的规则自动构成图标形状,然而图标的圆角和大小都不统一 , 在遇到一些小圆角图标时 , 无法与系统自带的图标背板相吻合 , 从而出现不完美的现象
未适配图标的效果对比以默认[经典]主题的图标和[一时间]主题的图标作为对比 , 两种图标都是未适配过的图标,但效果却不同,如图:
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
那么怎样优化成[一时间]主题这样完美图标效果呢?今天给大家介绍一下优化方法 。看完本教程就明白 。
(本教程主要推荐给主题设计师,并建议官方也重视一下未适配图标的细节)
先了解一下主题图标的构成未适配的图标会由系统自动构成,主要是由底板 应用原图标 图标形状(遮罩) 上层盖板(可?。?
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
截图来自MIUI主题编辑器
以默认[经典]主题图标为例,看一下构成效果:
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
注:目前系统默认[经典]主题的图标背板为白色大圆角
由此可见 , 如果应用图标本身圆角小于系统默认底板圆角并且图标稍微小一圈时,图标构成就会出现异常白边,也就是会露出白色底板:
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
默认主题未适配图标出现难看白边
这类图标非常少见,主要是一些冷门不常用图标,但总会有人用到 。如果能统一优化,就可以统一图标显示效果了 。
下面教程开始:
未适配图标优化方法【方法1】通过主题编辑器调节相应参数
在主题编辑器上,可进行图标的变形处理,变形包括缩小和放大、四角扭曲等,如图:
【miui主题未适配图标的优化方法与建议,miui主题突然用不了】
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
图标形状变形默认值
如上图 , 图标支持变形参数修改,默认为0到90,由图标四角横竖坐标参数调节 。从左上角为0起点:
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
优化逻辑:将图标形状稍微放大,让其铺满图标背板,实现完美效果
所以我们修改图标形状参数,将四角都放大2个像素(不要太大,否则图标会被裁切掉主要内容),那么放大2像素的参数就是:
左上X-2,Y-2
左下X-2,Y92
右上X92,Y-2
右下X92,Y92
如图:
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
放大2个像素参数值
这样,第三方未适配的小圆角图标就会自动放大铺满图标背板,不会出现异常白边的情况了 。
【方法2】在主题包中的icons模块下新建transform_config.xml(实际上按方法1打包后会自动生成,但部分设计师不用编辑器做主题 , 所以可以单独新建):
miui主题未适配图标的优化方法与建议,miui主题突然用不了

文章插图
然后在里面输入如下内容:
miui主题未适配图标的优化方法与建议,miui主题突然用不了