Android应用制作自适应图标

概要

本文介绍如何使用Android studio制作自适应app图标，自适应图标的介绍：
https://developer.android.google.cn/guide/practices/ui_guidelines/icon_design_adaptive?hl=zh-cn

如图所示：

上图展示的就是自适应图标的层级关系：从下到上：背景层（ic_launcher_background.xml）–>前景图标层(ic_launcher_foreground.xml) --> 遮罩层（抽象的）。

最终看到的图标就是遮罩层范围内的，这也能解释为什么有时候把UI设计的（Icon.png）添加到AndroidManifest的（android:icon=“”）中，发现图标莫名奇妙的被裁剪了，我当时是一脸蒙蔽。

流程

1、获取UI设计的SVG文件

如果团队内部有UI设计人员，可以直接找到图标的SVG源文件。我们这里以阿里巴巴矢量图标网站上寻找的资源为例，介绍如何制作自适应app图标。

在该网站找到资源后，下载svg格式的icon，如下：

2、Android项目中导入该资源

（1）如下，在app中的drawable右键“new” --> “Vector Asset”

（2）导入前面下载svg图标，改成108大小的，（谷歌建议的图标大小，咱也不敢问啊~）

（3）导入成功后，就会生成对应的xml文件

3、创建自适应图标

（1）右键drawable，“new” --> “Image Asset”：

（2）在新的面板中，选择刚刚导入的xml文件，调整好foreground的大小（拖动“Resize“那个bar），最好在圆圈（安全圈）之内，如下：

同时如果对背景（“绿色那个背景”）不满意，也可以点击 “Background Layer”选项卡，更换背景资源即可。

（3） 生成最终对应的资源文件

点击下一步，出现如下界面：

这个就是最终生成的资源文件，点击完成

最后在每个mipmap文件夹中都会生成相关大小的图标，如下：

4、应用到app中

这个就很简单了，直接在AndroidManifest.xml的添加上生成的ic_launcher.xml。最终运行的效果：

小结

根据上面的操作，能避免各种图标大小的适配，虽然看着很麻烦，但是都是傻瓜式导入，动动小手就好啦~