介绍

为什么需要自适应图标?

Google Design 写了一篇非常高质量的文章,有非常多的动图演示为什么要做自适应图标,图标分层后的动画显示出强大的动画效果。

创建方法

按照官方文档的方法,提供一张前景图与背景图,使用 Android Studio 内置工具生成:

可以参考这篇文章:

注意:在创建 Image Asset 时预览中的 Full Bleed Layers 不是用于显示的图标,只是用来设计使用,多余的出血部分是留给动画之类的效果保留的。

圆角图标过小

在 Android 7.1 以及下版本显示的图标过小。

使用 Image Asset Studio 创建的 Legacy 图标,如果导出选项中选择 Square,那么图标会比其他应用的图标小一圈,检查后发现是生成的图标自动增加了一圈 padding 留白,导致出问题。

为了支持自适应图标,需要先使用 Image Asset Studio 生成需要的图标。

然后使用在线工具生成需要的图标,替换自动生成的 ic_launcher_round.png 图标,注意每个目录下的图标尺寸是不同的。

App Icon Maker - Resize App Icon to all sizes for iOS/Android store