移动开发界面离不开图标的使用,比较常用的是使用图片图标,但是在性能体验上不是很好,尤其当项目比较大的时候,图片图标的数量比较多,在一定程度上会增加apk包的大小。因此字体图标的出现,在性能上是解决不少图片图标所存在的弊端。以下是字体图标的一些优缺点。
优点:
1、 轻量性,加载速度快,因为字体图标都非常小。
2、 矢量性,不管在什么分辨率和端下,都有很好的展示效果。
3、 灵活性,各种css效果前端控制,不需要UI修改。
4、 兼容性,支持所有现代浏览器,包括IE低版本。
5、 可维护性,建立一个项目图标之后,可一直更新迭代。
缺点:
1、 与真正图片比起,效果不如图片。
2、 需要UI学习制作图标。
3、 不如图片那样容易重构。
常用的字体图标网址(阿里字体图标库):https://www.iconfont.cn/home/index
以下将进行介绍如何使用字体图标。
1.打开阿里图标库网址,创建项目,并添加所需要的字体图标,然后把字体图标资源文件下载下来。








2.将下载的资源文件放置项目中。

3.自定义IconTextView控件

4.IconTextView的使用


字体图标的字体大小和颜色等跟常用的textview用法一致,text的内容就是资源文件string中图标代码内容
网友评论