时下App越来越向重型App发展,随之带来的就是App容量剧增.而App中五花八门,各式各样的图标图片也是容量增大的帮凶之一.而使用iconfont代替图片可以缓解这一问题.
了解iconFont
-
iconFont是什么?
- 是一种使用字体文件取代图片文件,来展示图标/特殊字体等元素的方法.
-
为什么iconFont比图片占用更少的内存?
- 这要从计算机绘制图片的两种方式来分析
位图(详情点击查看):亦称点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。扩大位图尺寸的效果是增大单个像素，从而使线条和形状显得参差不齐。然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。
矢量图(详情点击查看):也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。它的特点是放大后图像不会失真，和分辨率无关，适用于图形设计、文字设计和一些标志设计、版式设计等。
通过阿里巴巴矢量图标库制作自己的iconFont字体
- 打开阿里巴巴矢量图标库,添加自己的项目
创建项目.png
- 搜索或自制矢量图标上传
搜索图标.png
- 将图标添加到购物车
添加到购物车.png
- 将购物车中的图标添加到自己的项目中
在购物车中添加图标到自己的项目.png
- 选择打包方式为Font class 并下载
在项目中选择Fontclass并下载.png
- 将 .ttf 后缀字体文件拖入工程中,并在demo_unicode中查询到字体对应的Unicode码
将ttf文件拖入iOS工程.png
Unicode码.png
- 在info.plist配置文件中添加字体信息,参照官方文档使用
info文件中添加字体.png
