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

相关推荐
努力努力再努力wz4 小时前
【MySQL 进阶系列】拒绝滥用root:从 mysql.user 到权限校验,带你彻底理解用户管理与授权机制!
android·c语言·开发语言·数据结构·数据库·c++·mysql
是上好佳佳佳呀4 小时前
【前端(十三)】JavaScript 数组与字符串笔记
前端·javascript·笔记
巴沟旮旯儿4 小时前
vite项目配置文件和打包
前端·设计模式
彩票管理中心秘书长4 小时前
Pinia 插件架构与组合式函数:如何让你的 Store 长出“超能力”
前端
彩票管理中心秘书长4 小时前
Pinia 比 Vuex 强在哪?我用同一个模块写了两种实现,你自己看
前端
yingyima4 小时前
用 Cron 加 Webhook 打通自动化工作的任督二脉
前端
JackieDYH4 小时前
CSS Flexbox 与 Grid 的默认行为-布局的底层机制
前端·css·html
HaiXCoder4 小时前
AndroidAutoSize 框架原理分析与核心问题
android
彩票管理中心秘书长4 小时前
E2E测试入门:别让用户帮你点鼠标了,找个机器人替你打工吧
前端