倘诺把整个图标做成图片放在项目中,借使把全副图标做成图片放在项目中

在iOS的支出中,各类图标的使用是不可逆袭的,如果把任何图标做成图片放在项目中,那么随着项目标逐渐庞大起来,图片所占的地点就会特别大,安装包也就随即变大了,假如图标要求依照差别的气象改成使用不一样的颜料,那么,假如做成图片就要求多张不一样颜色的图形,对于能转换皮肤的APP来说,安装包也就会更大,为了让APP的安装包瘦身,iconfont就时有发生了。关于iconfont的牵线与打造方法就一时半刻不进行介绍了。

在iOS的支付中,各个图标的行使是不可幸免的,假设把全部图标做成图片放在项目中,那么随着项目的渐渐庞大起来,图片所占的地点就会越来越大,安装包也就随之变大了,假设图标要求依据差其他风貌改成使用不一致的颜色,那么,如若做成图片就须要多张差别颜色的图纸,对于能转换皮肤的APP来说,安装包也就会更大,为了让APP的安装包瘦身,iconfont就暴发了。关于iconfont的介绍与创制形式就暂时不开展介绍了。

第一步:获取iconfont文件。

第一步:获取iconfont文件。

企业会有UI做图,让她们提供文件就好了,如若协调上学测试恐怕做要好的类型,就须求协调找资料了。作者平日用的是阿里巴巴(Alibaba)的图标库(http://www.iconfont.cn)。
开拓网址,搜索你要求的图标
[图片上传战败…(image-f28a5a-1513742643098)]
运动鼠标到图标上,点击购物车的小图标,然后点击右上角的购物车小图标,
[图表上传失利…(image-d6c9a1-1513742643099)]
点击下载代码,就可以把下载1个蕴涵iconfont的压缩包,文件夹的目录如下图
[图表上传失利…(image-9116d6-1513742643099)]

信用社会有UI做图,让他们提供文件就好了,假如协调学习测试可能做和好的品类,就须要协调找资料了。小编平时用的是Alibaba的图标库(http://www.iconfont.cn)。
开辟网址,搜索你要求的图标
图片 1
移动鼠标到图标上,点击购物车的小图标,然后点击右上角的购物车小图标,
图片 2
点击下载代码,就可以把下载贰个分包iconfont的压缩包,文件夹的目录如下图
图片 3

第二步:导入ttf文件

第二步:导入ttf文件

将文件夹中的iconfont.ttf文件直接拖入到项目中,记得勾选Add to
targets中的选项

将文件夹中的iconfont.ttf文件直接拖入到项目中,记得勾选Add to
targets中的选项

第三步:修改info.plist

第三步:修改info.plist

点击添加按钮,输入UIAppFonts,点击回车,会自行变成名称为Fonts provided
by
application的数组,点击添加一个item,类型为String,输入iconfont.ttf,那一个是你刚导入的文件的名字,点击回车,配置完结;

点击添加按钮,输入UIAppFonts,点击回车,会自行成为名称为Fonts provided
by
application的数组,点击添加1个item,类型为String,输入iconfont.ttf,这几个是您刚导入的文书的名字,点击回车,配置落成;

第⑥步:查看iconfont中的图标的编码

第六步:查看iconfont中的图标的编码

小编们利用的是unicode,所以,在刚刚下载的公文夹中找到demo_unicode.html文件,双击打开,可以见见如下内容
[图形上传败北…(image-4362db-1513742643099)]
内部的图标名称下边的3个字符串就是我们必要的编码,只是我们需求将其展开更换,如若是Objective-C,大家要求将其转为\U0000e642,倘使是swift,大家要求将其转为\u{e642},逐个图标的编码不一致,可是对应涉及是相同的,每一种iconfont文件中或然不止多个图标,使用的时候就依据图标编码转成对应的即可使用;

咱俩应用的是unicode,所以,在刚刚下载的文件夹中找到demo_unicode.html文件,双击打开,可以观望如下内容
图片 4
里头的图标名称下边的2个字符串就是大家要求的编码,只是我们必要将其进展转移,如果是Objective-C,大家须要将其转为\U0000e642,假如是swift,我们要求将其转为\u{e642},各种图标的编码不雷同,然则对应涉及是同一的,每一个iconfont文件中或许持续三个图标,使用的时候就依据图标编码转成对应的即可使用;

第六步:在类型中使用iconfont

第5步:在品种中利用iconfont

自小编用的是swift,Objective-C的运用办法接近,你们可以团结尝试,只是编码的转移结果不均等

本人用的是swift,Objective-C的接纳办法接近,你们可以协调尝试,只是编码的变换结果分裂等

let iconLabel = UILabel.init(frame: .init(x: 0, y: 0, width: 100, height: 30))
iconLabel.text = "\u{e642}"
iconLabel.font = UIFont.init(name: "iconfont", size: 15)
let iconLabel = UILabel.init(frame: .init(x: 0, y: 0, width: 100, height: 30))
iconLabel.text = "\u{e642}"
iconLabel.font = UIFont.init(name: "iconfont", size: 15)

其间的安装font中的name是您导入文本的名目,即使你想给图标二个颜色,直接设置label的公文颜色即可,借使设置大小,直接设置font就行

里头的设置font中的name是您导入文本的称号,如若你想给图标2个颜料,直接设置label的公文颜色即可,假使设置大小,直接设置font就行

总括:文字图标的采纳很有益,也能让安装包裁减不小的体量,项目中图标太多照旧随时要求转移图标颜色的话,提议采取,假如唯有多少个同时不须求时刻更换颜色,那就不曾格外必要了,切多少个小图标就行了。

小结:文字图标的使用很便利,也能让安装包裁减不小的体量,项目中图标太多或然随时需求更换图标颜色的话,提议选用,假若唯有多少个同时不必要随时转换颜色,那就从不尤其须要了,切多少个小图标就行了。

假使有怎么样地点是有不当的,欢迎指正,沟通是晋升技能的一种办法。

假设有如何地方是有不当的,欢迎指正,互换是升级技术的一种格局。

相关文章