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

相关推荐
张成AI3 个月前
Papyrus字体介绍
字体
幼儿园技术家3 个月前
CSS 魔法与布局技巧
布局
mahuifa3 个月前
Qt内置图标速查表
qt·图标·qstyle·qicon
weixin_422201303 个月前
element ui el-col的高度不一致导致换行
布局·高度·element ui·换行·el-col
V---scwantop---信4 个月前
时尚优雅奢华品牌包装徽标设计衬线英文字体安装包 Kagea – Luxury Women Ligature Font
笔记·字体
V---scwantop---信4 个月前
现代科幻赛博朋克风品牌海报电子竞技设计无衬线英文字体 Glander – Techno Font
笔记·字体
V---scwantop---信4 个月前
英文字体:大胆都市街头Y2Y涂鸦风格品牌海报专辑封面服装字体 Chrome TM – Graffiti Font
笔记·字体
V---scwantop---信4 个月前
未来科幻赛博朋克风品牌电影游戏设计装饰英文字体安装包 Heat Robox – The Ultimate Futuristic Display Font
游戏·字体
水木姚姚4 个月前
iOS应用程序开发(图片处理器)
macos·ios·objective-c·xcode·图标