IconFontViewer -- 一个可以在 Android Studio 中实时预览 IconFont 的插件

牛蛙点点申请出战2026-05-06 14:34

相信很多在 Android 项目里使用 iconfont 资源的朋友都有相同的痛点。

iconfont 的图标在 AS 中使用的时候，一般是通过自定义的 IconFontTextView 来渲染的，本质上是以文本的方式渲染。所以在 AS 中，不能像图片资源那样，在 IDE 的侧边栏中预览。

每次在代码中引用 iconfont 的字符串时，都要去 iconfont 网站的项目里去查看字符对应的图标是什么。

因此很自然地想到，能不能做一个 AS 插件，可以支持在 AS 中实时预览 iconfont，最终完成了这个插件--IconFontViewer。

AS 的插件市场里搜索「IconFontViewer」，直接下载安装：

AS 启动时，会自动扫描所有 ttf，识别出其中可能是 iconfont 的字体文件，并对这些文件启用预览。通过 Tools -> IconFontViewer 打开字体面板。

在代码文件、xml 资源、布局文件中，只要引用了 iconfont 的字符串，就会在侧边栏展示 icon 的预览。和 AS 原生的图片引用一样的效果。

类似原生 AS 图片预览切换的功能，点击预览的 icon，可以弹出当前字符所属 ttf 的所有字符图标，可以搜索选择并替换。