平時布局的話,如果要使用圖標,一般需要去找 png 圖片,且透明背景的。如果需要根據不同常見圖標進行變色的話,就需要準備多張不同樣式的圖標,還要考慮圖片的分辨率等等因素,非常的麻煩。
這時,如果我們使用圖標字體的話,那就不一樣了,由于它是字體,直接指定并顯示你想要的圖標,修改字體顏色,它還會自動改變顏色,且不用擔心高分辨率不清晰的問題,非常的便捷。
一般使用 MaterialIcons-Regular.ttf 大名鼎鼎的圖標庫字體,里面的圖標非常豐富,效果參考如下:
只需要填入圖標的英文代碼即可,上圖已 qr_code 二維碼圖標為例展示。
每種圖標的英文代碼,可以訪問這里進行搜索查看:https://fonts.google.com/icons?icon.set=Material+Icons
如有疑問,點此參與討論。
原文:App Inventor 2 使用 MaterialIcons 圖標字體,快捷展示專業圖標 · App Inventor 2 中文網