Android Material Design Icon Genenerator 插件为个人开发者提供 Icon 图标大全

前言

如果你作为个人开发者，没有美工小姐姐的情况下，项目中的图标 icon 很是苦恼。之前用过阿里巴巴图标库 Iconfont，后来发现 Android studio 中有一个很牛逼的 icon 插件[Android Material design icon Genenerator]，轻松生成自己需要的 icon，而且还是 Vector 矢量图。

一、插件介绍

1、先看下官方定义：

Android Studio & IntelliJ Plugin for Material Design Icon. This plugin help you to set material design icon in your app resources.

Android Studio & IntelliJ 插件 Material Design 风格设计图标。这个插件帮助你在你的应用程序资源中设置设计图标。

2、展示效果

下图所示，作者使用 Android studio 4.0 版本演示，可以根据项目需求搜索 icon 图标，并且支持修改图标尺寸、颜色、透明度

3、Vector 矢量图

在 Android 中指的是 Vector Drawable，也就是 Android 中的矢量图，可以说 Vector 就是 Android 中的 SVG 实现。

Android 5.0 发布的时候，Google 提供了 Vector 的支持，即：Vector Drawable 类。
Vector Drawable 相对于普通的 Drawable 来说，有以下几个好处：
Vector 图像可以自动进行适配，不需要通过分辨率来设置不同的图片，这在我眼里是最好的地方。
Vector 图像可以大幅减少图像的体积，同样一张图，用 Vector 来实现，可能只有 PNG 的几十分之一，这从减少 apk 大小上很有意义，但有大佬发现，其实并不是完全就能减少，当 PNG 只有十几 k，用 Vector 反而变大了。
使用简单，很多设计工具如 PhotoShop、Illustrator，都可以直接导出 SVG 图像，从而转换成 Vector 图像，够灵活，不用写很多代码就可以实现非常复杂的动画。
成熟、稳定，前端已经非常广泛的进行使用了。

二、插件安装

File > Settings… > IDE Settings > Plugins > Browse repositories > Android Material design icon Genenerator.

相信在 Android studio 上安装过插件的小伙伴对上面操作并不陌生，找到插件安装成功后 restart 重启编辑器。

三、插件使用

1、生成 Vector 矢量图

File > New > Vector Asset

根据自己的需求，搜索出对应 icon，设置颜色、大小、透明度属性。

系统会在 res/drawable 文件夹下面生成对应的 Vector 文件

<vector xmlns:android="http://schemas.android.com/apk/res/android"android:width="24dp"android:height="24dp"android:tint="#FFFFFF"android:viewportWidth="24"android:viewportHeight="24"><pathandroid:fillColor="@android:color/white"android:pathData="M11.99,2C6.47,2 2,6.48 2,12s4.47,10 9.99,10C17.52,22 22,17.52 22,12S17.52,2 11.99,2zM16.23,18L12,15.45 7.77,18l1.12,-4.81 -3.73,-3.23 4.92,-0.42L12,5l1.92,4.53 4.92,0.42 -3.73,3.23L16.23,18z" />
</vector>

以上 xml 文件对应以下 icon 图标

2、布局文件中使用 Vector

使用方式很简单，跟加载普通 png 图片一个方式，只不过加载对应的 xml 文件即可。

<ImageViewandroid:src="@drawable/ic_baseline_stars_24"android:layout_width="match_parent"android:layout_height="match_parent"/>

效果如下图所示：

总结

个人特别喜欢 Google 发布的 Material design 风格控件，尤其这个插件 icon 也是 Material design 风格的，真是爱不释手，对于个人开发者而言，简直就是福音。使用方式简单，又可以降低 image 占用内存的苦恼，你还在等什么？