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

相关推荐
贝格前端工场4 天前
阿里巴巴 Iconfont 三种引用方式(Unicode、Font-class、Symbol)的详细对比
图标·iconfont·字体图标
前端小黑屋4 天前
查看 Base64 编码的字体包对应的字符集
前端·css·字体
hqwest4 天前
码上通QT实战04--主窗体布局
开发语言·css·qt·布局·widget·layout·label
小蹦跶儿24 天前
Vue项目中字体引入:完整实操指南
vue.js·字体·视觉设计
Highcharts.js1 个月前
Highcharts Dashboards 仪表板布局的使用文档
开发文档·布局·仪表板·highcharts·dashboards
GDAL1 个月前
QGIS Open Sans字体安装失败解决方案
qgis·字体
AI2中文网2 个月前
AppInventor2 使用 SQLite(三)带条件过滤查询表数据
数据库·sql·sqlite·select·app inventor 2·appinventor·tableview
Demoncode_y3 个月前
前端布局入门:flex、grid 及其他常用布局
前端·css·布局·flex·grid
明远湖之鱼3 个月前
opentype.js 使用与文字渲染
前端·svg·字体
【ql君】qlexcel3 个月前
Visual Studio主题、字体、快捷键、开发环境设置,自用
ide·字体·visual studio·vs·主题·快捷键·开关环境