【Android 进阶】Iconfont 图标的使用以及自定义

前言

之前的一篇文章《【Android 进阶】SVG 的使用以及绘制动画》简单介绍了 SVG 图片的好处以及如何在 Android 中使用 SVG 图片。本文接着介绍下如何在 Android 中使用阿里巴巴 Iconfont 平台的图片，方便我们日常的开发。

SVG to VectorDrawable

从阿里巴巴矢量图库 Iconfont 可以下载 SVG 形式的图片，导入 AS 中就转为了 VectorDrawable 形式的图片文件。如果不了解的可以看回我上一篇文章《【Android 进阶】SVG 的使用以及绘制动画》。

但是每次都需要下载 SVG 文件，再通过 AS 导入，也许算是挺麻烦的一件事情。现在推荐一个好工具，就是 SVG to VectorDrawable，顾名思义，就是一个把 SVG 文件 转为 VectorDrawable 文件的工具。

只需要把 SVG 文件粘贴进去，该工具就会自动帮你转为 VectorDrawable 文件。最后你只需要在 AS 中新建个文件，然后粘贴转换后的 VectorDrawable 文件内容就去即可。当然，可能你觉得这样并不方便，那就见仁见智了。

网址：http://inloop.github.io/svg2android/

使用 Iconfont 制作“图片”字体文件

优点：

更方便的使用 SVG 图片
把图标当成字符使用，大小和颜色都可以随意改。

制作步骤

step1:

从 iconfont 平台选择要使用到的图标（如图），并下载（选择下载代码）至本地；复制字体文件到项目 assets 目录；

step2:

打开下载下来的文件，并在目录中打开 demo_unicode.html，找到图标相对应的 HTML 实体字符码

step3:

打开 res/values/strings.xml，把 demo_unicode.html 各个图标的 字符吗 添加到 string 值；

如：

<string name="all">&#xe696;</string>
<string name="back">&#xe697;</string>
<string name="cart">&#xe698;</string>
<string name="category">&#xe699;</string>
<string name="close">&#xe69a;</string>
<string name="comments">&#xe69b;</string>
<string name="cry">&#xe69c;</string>

step4:

比如使用 图标 cart，
打开 activity_main.xml，添加 string 值到 TextView：

<TextView
    android:id="@+id/like"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/cart" />

对该 TextView 设置颜色、大小就等同于给图标 cart 设置颜色、大小。而且还不用考虑分辨率问题。

step5:

为 TextView 指定字体库：

import android.graphics.Typeface; 
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState)