ICONFONT在APP中的使用
阿里IconFont平台
这里是阿里巴巴UED部门开发的IconFont平台,眼下阿里系的重量级产品都在使用,里面有非常多资源可供使用。
这里说说怎样在client内使用。
IconFont尽管看起来是图标。实际原理跟字体的实现方式是一样的,所以我们把每一个Icon当作一个特殊的文字来理解和处理。
IconFont使用
1、首先登录站点,搜索你要用的Icon。把它们增加购物车(点击就能够)。
2、把购物车里的全部Icon存储在同一个项目中。
3、进入项目,选择“下载至本地”。
4、打开下载的文件,里面有一个*.ttf文件,我们须要的全部字体就都在这里了。
5、把*.ttf文件放入项目,当使用时,把TextView(Android)或UILabel(IOS)的Font设置为载入*.ttf生成的自己定义字体。这里有个问题。怎么指明我们要显示哪一个Icon呢?
6、下载一个字体编辑软件,我在Mac上面使用的是FontLab Studio,打开*.ttf,找到每一个图标相应的Unicode值,以”\ue600”这样的形式赋值给TextView(Android)或UILabel(IOS)中的文本。就能够了。
IconFont优势
1、图标集中处理,避免反复资源。设计师仅仅要说明Color、Size就能够了。
2、降低包大小。每一个IconFont仅仅是一小段文本,文件大小要比图片形式的icon小一个数量级。
3、节省内存,IconFont与普通文本一样是使用矢量图的方式绘制的,相比图片的内存分配方式,消耗的内存能够忽略不计了。