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 中文网

相关推荐
Demoncode_y3 天前
前端布局入门:flex、grid 及其他常用布局
前端·css·布局·flex·grid
明远湖之鱼7 天前
opentype.js 使用与文字渲染
前端·svg·字体
【ql君】qlexcel19 天前
Visual Studio主题、字体、快捷键、开发环境设置,自用
ide·字体·visual studio·vs·主题·快捷键·开关环境
AI2中文网1 个月前
AppInventor2 使用 SQLite(二)导入外部库文件
数据库·sqlite·appinventor·appinventor2·拓展·库文件导入·库文件导出
温宇飞1 个月前
如何渲染出一个字
webgl·字体
Linsk1 个月前
如何通过前端工程自动生成字体图标
字体·icon·前端工程化
普兰店拉马努金1 个月前
【Canvas与图标】古铜色“HTML”图标
html·canvas·图标
特立独行的猫a1 个月前
HarmonyOS 鸿蒙系统自带的 SymbolGlyph 图标组件详解
华为·harmonyos·图标·symbolglyph
AI2中文网2 个月前
别再说AppInventor2只能开发安卓了!苹果iOS现已支持!
android·ios·跨平台·苹果·appstore·app inventor 2·appinventor
新酱爱学习2 个月前
🚀 Web 字体裁剪优化实践:把 42MB 字体包瘦到 1.6MB
前端·javascript·字体