升级Android8.0系统原来APP图标变为小机器人的问题

原本显示好好的APP图标,自打升级Android8.0系统后,发现图标显示不正常了,变为原始的小机器人了:
APP图标
怎么变成小机器人了呢,原本在7.0系统上显示还正常呢,赶紧看一下8.0的变化吧。打开Android-26工程,查看AndroidManifest.xml文件:
AndroidManifest.xml文件
还是读取的mipmap目录的ic_launcher和ic_launcher_round图标,没有其他变化。而查看资源文件的时候发现多了个mipmap-anydpi-v26目录,打开后发现看问题所在:
xml文件
原来8.0系统不是读取的ic_launcher_round.png图片,而是读取ic_launcher_round.xml文件,打开这个文件:
ic_launcher_round.xml内容
里面分为前景和背景两个文件了,先看背景:
背景文件
完全看不懂,这是一个SVG格式图片,机器识别的图片,使用AI、PS等图片编辑软件可以导出这种格式,实际图片如下:
背景图片
看着熟悉吧,再来看前景ic_launcher_foreground.xml,也是SVG格式图片:
前景图片
是透明的小机器人,这俩一组合,就变成Android 8.0上显示的小图标了。可是8.0系统的应用图标怎么变为这种制作方式了呢?
一直以来,Goole本着自由开发的原则,在设计Android系统的时候就不喜欢像苹果系统那样的封闭与强制,对应用图标的形状不做任何强制要求,开发者们可以自由进行选择。所以在Android上,应用图标可以是方形、圆形、圆角矩形、或者是其他任意不规则图形。
但由于一些深度定制Android系统的公司(诸如什么米之类的),不遵循这样的开放原则,强制系统图标规范,造成其他形式的应用图标显示不正常或不好看。这类问题早已存在,终于这次Google下决心好好整治一翻Android应用图标的规范性了。
那么Android 8.0在图标方面究竟有何变化呢,应用程序的图标被分为了两层:前景层和背景层。我们在设计应用图标的时候,就需要将前景和背景部分分离,前景用来展示应用图标的Logo,背景用来衬托Logo,但背景层在设计的时候只允许定义颜色和纹理,而不允许定义形状。
那应用图标的整体形状由谁来定义呢?Google将这个权利交给了手机厂商。不是正好有些手机厂商喜欢自定义图标吗?这次应用图标的设计分为了两层,如此一来,手机厂商只需要在这两层之上再盖上一层mask,这个mask可以是圆角矩形、圆形或者是方形等等,视具体手机厂商而定,就可以瞬间让手机上的所有应用图标都变成相同的规范。原理示意图如下:
mask遮挡
上图上面的罩就是厂商的mask,mask中间是什么形状,应用图标最终就显示成什么形状的。这下好了,我们只需设计一次图标,装在不同的手机上就会呈现出不同的形状了。
那么这两层的图标我们该如何来制作呢,还好Android Studio为我们准备好了设计图标的工具,3.0以上的版本就可以使用。首先制作一张透明的前景图片:
透明图
另存为ic_launcher_round.png,然后在Android Studio里按快捷键“Windows:Ctrl+Shift+A / Mac:command+shft+A”,在弹出窗口输入Image Asset:
搜索功能
打开工具,先制作前景图,点击浏览按钮查找刚刚制作好的透明图片:
前景图
选择好之后就可以看到右面的图标已经变为我们制作的图标了:
前景透明图
有点难看,赶紧改下背景色吧:
更改背景
背景没有制作图片,直接用颜色就好了:
选择颜色
选好颜色后点击“Next”按钮:
完成图标
工具会自动重写那些图标文件的,点击“Finish”按钮即可:
生成文件
图标制作好了,赶紧生成一个签名APP安装进去看一下效果吧。这里顺便说一下,使用微信传输的APP保存在手机内部存储的tencent/MicroMsg/Download目录下,还不能直接安装。因为微信在接收apk文件后会自动添加.1的后缀,需要修改一下文件名:
.1后缀
改完文件名,图标就显示出来了:
正常安装包
赶紧安装上试试吧:
新APP显示
嗯,PS不太好,图标就乎看吧。会PS的妹子可以联系我哦,好害羞,捂脸。。。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值