Android 8.0系统的应用图标适配 概述 参考资料

 版权声明:本文为HaiyuKing原创文章,转载请注明出处!

 参考资料《一起来学习Android 8.0系统的应用图标适配吧》中已经讲得很清楚了,这里我只是简单总结下。详情的内容请阅读参考资料!

为什么进行图标适配?

可能有些朋友觉得困惑,应用图标这种东西从Android远古时代就已经有了,而且功能格外的简单,就是放张图片而已,这有什么好适配的呢?但实际上,在当前Android环境下,应用图标功能是极其混乱的。可以看到,在Android上,应用图标可以是方形、圆形、圆角矩形、或者是其他任意不规则图形。

Android 8.0系统的应用图标适配
概述
参考资料

由于Android操作系统是开源的,国内一些手机厂商在定制操作系统的时候就把这一特性给改了。比如小米手机,就选择了向苹果靠拢,强制要求应用图标圆角化。如果某些应用的图标不是圆角矩形的呢?小米系统会自动给它加上一个圆角的效果,如下图所示:

Android 8.0系统的应用图标适配
概述
参考资料

可以看出来这种自动添加的圆角矩形非常丑,因此很多公司就索性直接将应用的图标都设计成圆角矩形的,正好Android和iOS都用同一套图标还省事了。

但是这就让Google不开心了,这不是变向强制要求开发者必须将图标设计成圆角矩形吗?于是在去年的Google I/O大会上,Google点名批评了小米的这种做法,说其违反了Android*和开放的理念。

除了变向强制要求应用图标圆角化,小米的这种处理方式还有一个弊端,就是如果应用图标的圆角弧度和小米系统要求的不同,那么会出现异常丑陋的效果:

Android 8.0系统的应用图标适配
概述
参考资料

所以在Android 8.0系统中,Google下定决心要好好整治一下Android应用图标的规范性了。

Android8.0应用图标规范

从Android 8.0系统开始,应用程序的图标被分为了两层:前景层和背景层。也就是说,我们在设计应用图标的时候,需要将前景和背景部分分离,前景用来展示应用图标的Logo,背景用来衬托应用图标的Logo。需要注意的是,背景层在设计的时候只允许定义颜色和纹理,但是不能定义形状。

那么应用图标的形状由谁来定义呢?Google将这个权利就交给手机厂商了。不是有些手机厂商喜欢学习苹果的圆角图标吗?没问题,由于应用图标的设计分为了两层,手机厂商只需要在这两层之上再盖上一层mask,这个mask可以是圆角矩形、圆形或者是方形等等,视具体手机厂商而定,就可以瞬间让手机上的所有应用图标都变成相同的规范。原理示意图如下:

Android 8.0系统的应用图标适配
概述
参考资料

可以看到,这里背景层是一张蓝色的网格图,前景层是一张Android机器人Logo图,然后盖上一层圆形的mask,最终就裁剪出了一张圆形的应用图标。

那么体现在项目代码中如何呢?

打开AndroidManifest.xml文件,代码如下所示:

Android 8.0系统的应用图标适配
概述
参考资料

这里我们需要关注的点是android:icon这个属性,通过这个属性,我们将应用的图标指定为了mipmap目录下的ic_launcher文件。另外大家可能注意到还有一个android:roundIcon属性,这是一个只适用在Android 7.1系统上的过渡版本,很快就被8.0系统的应用图标适配所替代了,我们不用去管它。

应用图标被指定为了mipmap目录下的ic_launcher文件,那么我们快去看下这个文件吧:

 Android 8.0系统的应用图标适配
概述
参考资料

唯一需要我们留意的就是mipmap-anydpi-v26这个目录,这个目录表示什么意思呢?就是Android 8.0或以上系统的手机,都会使用这个目录下的ic_launcher来作为图标。

你会发现,mipmap-anydpi-v26目录下的ic_launcher并不是一张图片,而是一个XML文件:

<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@drawable/ic_launcher_background"/>
    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
</adaptive-icon>

这是一个8.0系统应用图标适配的标准写法,在<adaptive-icon>标签中定义一个<background>标签用于指定图标的背景层,定义一个<foreground>标签用于指定图标的前景层

背景层和前景层并不是一定要用SVG格式的图片,你也可以使用普通的PNG、JPG等格式的图片,甚至是直接指定一个背景色都可以。

判断项目是否需要适配?

有些朋友可能会觉得这种分成两层的应用图标设计太过于麻烦,不适配可以吗?也有些朋友可能会说,自己的APP并没有做过应用图标适配,在Android 8.0手机上也照样跑得好好的。

事实上,这个新功能Google是准备让它慢慢过渡的,而不是一次性就强推给所有的开发者。如果你的APP中的targetSdkVersion是低于26的,那么就可以不用进行应用图标适配,Android 8.0系统仍然是向下兼容的。但是如果你将targetSdkVersion指定到了26或者更高,那么Android系统就会认为你的APP已经做好了8.0系统的适配工作,当然包括了应用图标的适配。

所以,判断标准是targetSdkVersion的值是否>=26。

如何适配Android8.0应用图标?

前提:使用Android Studio 3.0或更高版本。

步骤1、打开app/build.gradle文件检查一下,确保targetSdkVersion已经指定到了26或者更高

Android 8.0系统的应用图标适配
概述
参考资料

步骤2、准备一个前景层和一个背景层

比如,我们已支付宝logo为例:

前景层:Android 8.0系统的应用图标适配
概述
参考资料

背景层:Android 8.0系统的应用图标适配
概述
参考资料

步骤3、app右键——New——Image Asset

Android 8.0系统的应用图标适配
概述
参考资料

Android 8.0系统的应用图标适配
概述
参考资料

这个Asset Studio编辑器非常简单好用,一学就会。左边是操作区域,右边是预览区域。

先来看操作区域:

第一行的Icon Type保持默认就可以了,表示同时创建兼容8.0系统以及老版本系统的应用图标。

第二行的Name用于指定应用图标的名称,这里也保持默认即可。接下来的三个页签,Foreground Layer用于编辑前景层,Background Layer用于编辑背景层,Legacy用于编辑老版本系统的图标。

再来看预览区域:

这个就十分简单了,用于预览应用图标的最终效果。在预览区域中给出了可能生成的图标形状,包括圆形、圆角矩形、方形等等。

注意每个预览图标中都有一个圆圈,这个圆圈叫作安全区域,必须要保证图标的前景层完全处于安全区域当中才行,否则可能会出现图标被手机厂商的mask裁剪掉的情况。

步骤4、选择前景层、背景层图标或者颜色,调整大小,使其在安全区域中

注意:主要是调整前景层图标的缩放大小

Android 8.0系统的应用图标适配
概述
参考资料

点击Next,最后点击Finish

Android 8.0系统的应用图标适配
概述
参考资料

 可以看到项目中发生了变化:

Android 8.0系统的应用图标适配
概述
参考资料

步骤5、运行程序即可。

参考资料

一起来学习Android 8.0系统的应用图标适配吧