倘管全体图标做成图片在项目蒙。如果拿一切图标做成图片在项目面临。

在iOS的支出被,各种图标的使是不可避免的,如果拿全路图标做成图片在项目受到,那么就项目之逐级庞大起来,图片所占的地方就会尤其好,安装包也就是随之转移大了,如果图标需要基于不同之光景改成使用不同的颜料,那么,如果做成图片就需要差不多布置不同颜色的图形,对于会换皮肤之APP来说,安装包也就是会见另行老,为了让APP的装包瘦身,iconfont就时有发生了。关于iconfont的介绍和制造方尽管临时无开展介绍了。

当iOS的开被,各种图标的施用是不可避免的,如果将全路图标做成图片在项目面临,那么就项目之逐步庞大起来,图片所占有的地方就是见面更加老,安装包也尽管接着转移死了,如果图标需要基于不同之光景改成使用不同的颜色,那么,如果做成图片就用差不多摆不同颜色的图片,对于能够更换皮肤之APP来说,安装包也尽管会另行可怜,为了让APP的装置包瘦身,iconfont就出了。关于iconfont的介绍与打造方就少未开展介绍了。

第一步:获取iconfont文件。

第一步:获取iconfont文件。

信用社见面起UI做图,让他俩提供文件就哼了,如果自己上学测试或开团结的类,就待好摸材料了。我平常就此的凡阿里巴巴的图标库(http://www.iconfont.cn)。
开拓网址,搜索你用的图标
[图形及传失败…(image-f28a5a-1513742643098)]
挪鼠标到图标上,点击购物车的略图标,然后点击右侧上比赛的购物车多少图标,
[图片上传失败…(image-d6c9a1-1513742643099)]
点击下载代码,就可以把下载一个含iconfont的压缩包,文件夹的目录如下图
[图片上传失败…(image-9116d6-1513742643099)]

商店会发出UI做图,让他们提供文件就吓了,如果自己读书测试或做和好的品类,就得协调寻找资料了。我平常因此之是阿里巴巴底图标库(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的累累组,点击上加一个item,类型也String,输入iconfont.ttf,这个是若刚刚导入的公文之名,点击回车,配置了;

季步:查看iconfont中之图标的编码

季步:查看iconfont中之图标的编码

咱俩使用的凡unicode,所以,在刚下载的文书夹着找到demo_unicode.html文件,双击打开,可以看来如下内容
[图上传失败…(image-4362db-1513742643099)]
其中的图标名称下面的一个字符串就是咱们需要的编码,只是我们要用那进展转换,如果是Objective-C,我们用拿其转为\U0000e642,如果是swift,我们需要以那个转为\u{e642},每个图标的编码不一致,但是对诺涉及是如出一辙的,每个iconfont文件中恐不止一个图标,使用的时刻就因图标编码转成对应之即可使;

咱俩利用的是unicode,所以,在刚下载的文本夹着找到demo_unicode.html文件,双击打开,可以看看如下内容
图片 4
个中的图标名称下面的一个字符串就是我们得之编码,只是我们需要以那个进行转换,如果是Objective-C,我们要拿其转为\U0000e642,如果是swift,我们得将那个转为\u{e642},每个图标的编码不均等,但是针对许涉及是一样的,每个iconfont文件中或者连一个图标,使用的时刻就冲图标编码转成对应之即可使;

第五步:在档次遭到行使iconfont

第五步:在类型受到动用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是您导入文本之号,如果你想让图标一个颜色,直接装label的公文颜色即可,如果设置大小,直接设置font就行

小结:文字图标的用十分方便,也能让安装包减少非小的体积,项目遭到图标太多要随时要更换图标颜色的话,建议下,如果单来几只又未欲天天更换颜色,那便从来不十分必要了,切几单稍图标就尽了。

小结:文字图标的行使大便利,也能被安装包减少非小的体积,项目面临图标太多要随时要转移图标颜色的话,建议用,如果只发几只又无需天天更换颜色,那即便无十分必要了,切几个稍图标就尽了。

如果出什么地方是发生错的,欢迎指正,交流是晋升技术的一样栽方法。

设若生什么地方是起不当的,欢迎指正,交流是升格技术的同等种植方法。

相关文章