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

相关推荐
小蹦跶儿2 天前
Vue项目中字体引入:完整实操指南
vue.js·字体·视觉设计
Highcharts.js8 天前
Highcharts Dashboards 仪表板布局的使用文档
开发文档·布局·仪表板·highcharts·dashboards
GDAL19 天前
QGIS Open Sans字体安装失败解决方案
qgis·字体
AI2中文网25 天前
AppInventor2 使用 SQLite(三)带条件过滤查询表数据
数据库·sql·sqlite·select·app inventor 2·appinventor·tableview
Demoncode_y2 个月前
前端布局入门:flex、grid 及其他常用布局
前端·css·布局·flex·grid
明远湖之鱼2 个月前
opentype.js 使用与文字渲染
前端·svg·字体
【ql君】qlexcel3 个月前
Visual Studio主题、字体、快捷键、开发环境设置,自用
ide·字体·visual studio·vs·主题·快捷键·开关环境
AI2中文网3 个月前
AppInventor2 使用 SQLite(二)导入外部库文件
数据库·sqlite·appinventor·appinventor2·拓展·库文件导入·库文件导出
温宇飞3 个月前
如何渲染出一个字
webgl·字体
Linsk3 个月前
如何通过前端工程自动生成字体图标
字体·icon·前端工程化