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

为什么做这个插件?

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

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

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

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

IconFontViewer 插件

插件主页:plugins.jetbrains.com/plugin/3147...

插件市场

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

功能和效果

扫描项目中所有 ttf

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

实时预览

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

切换 icon

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

源码地址

github:github.com/ultimateHan...

相关推荐
晴天1623 分钟前
前端 postMessage 使用场景
前端·javascript·网络
zhanghaha13141 小时前
HTML系列教程:15_标签 全称 + 简写 超详细讲解(新手专用)
前端·html
zhanghaha13141 小时前
HTML系列教程:14_HTML 表单与输入框 <form>、<input> 零基础详解
java·前端·javascript
IMPYLH1 小时前
HTML 的 <samp> 元素
前端·网络·html
IMPYLH2 小时前
HTML 的 <script> 元素
前端·html
weixin_493503676 小时前
Vue3 前端生成 PDF:会员证书与活动签到表的三种打印方案与踩坑记录
前端·pdf·状态模式
tianshi48518 小时前
Android 应用启动窗口(Splash Screen)的创建与销毁流程
android
脚踏实地,坚持不懈!9 小时前
ICU Calendar 实际工作问题排查手册
android
ii_best9 小时前
安卓脚本/ios开发软件按键精灵实战:自动定位弹窗广告关闭按钮坐标的通用方案
android·ios·自动化
尾善爱看海9 小时前
前端算法与手写题集
前端·算法