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

相关推荐
普兰店拉马努金3 天前
【Canvas与图标】古铜色“HTML”图标
html·canvas·图标
特立独行的猫a3 天前
HarmonyOS 鸿蒙系统自带的 SymbolGlyph 图标组件详解
华为·harmonyos·图标·symbolglyph
AI2中文网7 天前
别再说AppInventor2只能开发安卓了!苹果iOS现已支持!
android·ios·跨平台·苹果·appstore·app inventor 2·appinventor
新酱爱学习12 天前
🚀 Web 字体裁剪优化实践:把 42MB 字体包瘦到 1.6MB
前端·javascript·字体
hqwest24 天前
C#WPF实战出真汁06--【系统设置】--餐桌类型设置
c#·.net·wpf·布局·分页·命令·viewmodel
winfredzhang1 个月前
Windows字体simsum.ttf的安装与Python路径设置指南
windows·字体·simsun·fontforge
张成AI4 个月前
Papyrus字体介绍
字体
幼儿园技术家4 个月前
CSS 魔法与布局技巧
布局
mahuifa4 个月前
Qt内置图标速查表
qt·图标·qstyle·qicon