小程序图标在开发工具中显示,其实是利用了小程序的“微信开发者工具”提供的图标库以及部分开发者自己定制的图标资源。
首先,我们先来了解一下小程序的图标库。微信开发者工具内置有大量的小程序图标库,在使用小程序开发的过程中,开发者可以直接调用这些图标以及进行图标的自定义操作。这些图标包括常用的图形、按钮、标签、表格等等,但是不同类型的图标调用的方式也各不相同。
一些常用的图标类型调用方式:
- 图形:在小程序开发工具中,通过选择设计模式,即可直接选取图形,如圆形、正方形等。
- 按钮:在常用UI组件中,我们可以找到Button组件,其中button标签属性中的icon属性可以直接调用小程序提供的图标库,或者使用独立的iconfont字体图标。
- 标签:在常用UI组件中,找到Tag组件,其中icon属性即可通过微信提供的图标库或者自己定义的iconfont字体图标来设置。
- 表格:在表格的设计中,单元格内容中可以直接使用iconfont字体图标或者小程序提供的图标库,设置方式与上述标签类似。
除此之外,还有一些开发者自己设计的图标资源,这些图标可以直接以图片的形式引用即可。开发者可以通过在page.json中设置 “usingComponents” 字段引用自己开发的组件,并在组件中调用自己的图标资源。
总的来说,小程序图标在开发工具中显示主要是通过调用小程序提供的图标库和开发者自己设计的图标资源来实现的。在开发小程序过程中,准确选择和调用合适的图标,可以大大提高小程序用户体验和运行效率。