移动开发界面离不开图标的使用,比较常用的是使用图片图标,但是在性能体验上不是很好,尤其当项目比较大的时候,图片图标的数量比较多,在一定程度上会增加apk包的大小。因此字体图标的出现,在性能上是解决不少图片图标所存在的弊端。以下是字体图标的一些优缺点。
优点:
1、 轻量性,加载速度快,因为字体图标都非常小。
2、 矢量性,不管在什么分辨率和端下,都有很好的展示效果。
3、 灵活性,各种css效果前端控制,不需要UI修改。
4、 兼容性,支持所有现代浏览器,包括IE低版本。
5、 可维护性,建立一个项目图标之后,可一直更新迭代。
缺点:
1、 与真正图片比起,效果不如图片。
2、 需要UI学习制作图标。
3、 不如图片那样容易重构。
常用的字体图标网址(阿里字体图标库):https://www.iconfont.cn/home/index
以下将进行介绍如何使用字体图标。
1.打开阿里图标库网址,创建项目,并添加所需要的字体图标,然后把字体图标资源文件下载下来。
a.在图标管理处下拉列表中选择“我的项目”
b.点击该图标创建项目
d.在首页将用到的图标添加到购物车
e.点击右上角的购物车
f.将购物车中的图标添加至项目中
f.然后在我的项目中出现textdemo下载源文件
g.下载下来的文件内容
2.将下载的资源文件放置项目中。
下载的文件中的iconfont.ttf字体文件放置在assets文件目录下
3.自定义IconTextView控件
4.IconTextView的使用
在资源文件string文件中,添加图标代码
自定义控件在布局文件中的使用
字体图标的字体大小和颜色等跟常用的textview用法一致,text的内容就是资源文件string中图标代码内容