App Inventor 2 使用 MaterialIcons 图标字体,快捷展示专业图标

平时布局的话,如果要使用图标,一般需要去找 png 图片,且透明背景的。如果需要根据不同常见图标进行变色的话,就需要准备多张不同样式的图标,还要考虑图片的分辨率等等因素,非常的麻烦。

这时,如果我们使用图标字体的话,那就不一样了,由于它是字体,直接指定并显示你想要的图标,修改字体颜色,它还会自动改变颜色,且不用担心高分辨率不清晰的问题,非常的便捷。

一般使用 MaterialIcons-Regular.ttf 大名鼎鼎的图标库字体,里面的图标非常丰富,效果参考如下:

只需要填入图标的英文代码即可,上图已 qr_code 二维码图标为例展示。

每种图标的英文代码,可以访问这里进行搜索查看:https://fonts.google.com/icons?icon.set=Material+Icons

如有疑问,点此参与讨论。

原文:App Inventor 2 使用 MaterialIcons 图标字体,快捷展示专业图标 · App Inventor 2 中文网

相关推荐
bu_shuo7 天前
字体中的【family】【serif】【sans-serif】
matplotlib·字体·衬线字体·无衬线字体
AI2中文网11 天前
AppInventor小龙虾[特殊字符]“AI2Claw”正式上线!用自然语言开发AppInventor应用
人工智能·agent·ai编程·appinventor·appinventor2·小龙虾·ai2claw
千里马学框架1 个月前
app性能优化:优化布局层次结构
android·面试·性能优化·framework·分屏·布局·小米汽车
CappuccinoRose1 个月前
CSS 语法学习文档(十七)
前端·css·学习·布局·houdini·瀑布流布局·csspaintingapi
CappuccinoRose2 个月前
CSS前端布局总指南
前端·css·学习·布局·flex布局·grid布局·float布局
●VON2 个月前
Flutter for OpenHarmony 21天训练营 Day03 总结:从学习到输出,迈出原创第一步
学习·flutter·openharmony·布局·技术
●VON2 个月前
Flutter for OpenHarmony:基于三层 Tab 架构与数据模型解耦的 TodoList 产品化演进
学习·flutter·架构·openharmony·布局·技术
●VON2 个月前
从系统亮度监听到 UI 重绘:Flutter for OpenHarmony TodoList 深色模式的端到端响应式实现
学习·flutter·ui·openharmony·布局·von
●VON2 个月前
在 OpenHarmony 上打造智能 TodoList:基于 Flutter 的标签分类与动态过滤实践
学习·flutter·openharmony·布局·技术
●VON2 个月前
Flutter for OpenHarmony:基于不可变更新与局部状态隔离的 TodoList 任务编辑子系统实现
学习·flutter·openharmony·布局·技术·von