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...

相关推荐
user20585561518132 小时前
Windows 项目安装时报 `node-sass` 错误,如何快速处理
前端
LiaCode2 小时前
Redis 在生产项目的使用
前端·后端
LiaCode2 小时前
一天学完 redis 的爽翻版核心知识总结
前端·后端
大刚测试开发实战2 小时前
如何内网穿透访问本地私有化部署的TestHub
前端·后端·github
风骏时光牛马2 小时前
# Ruby基于Rails框架实现多角色权限管理与数据分页查询完整实战代码案例
前端
weedsfly2 小时前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
xiaodaoluanzha2 小时前
迄今為止,最簡單的編程語言 Nolang
前端·后端
Csvn2 小时前
Fetch 请求竞态终结者:AbortController 不只是用来"取消"的
前端
阡陌Jony2 小时前
关于前端路由中的参数问题的学习(一): params,query, hash(#)
前端
阡陌Jony2 小时前
缓存相关学习笔记(一):Service Worker 缓存
前端