iOS开发中行使文字图标iconfontiOS开发被动用文字图标iconfont

如果把全部图标做成图片放在项目中,如果把全部图标做成图片放在项目中

当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就执行

总:文字图标的使用大有利,也会被安装包减少非小之体积,项目中图标太多或随时要更换图标颜色的话,建议以,如果单纯出几乎个以免待天天转换颜色,那即便没非常必要了,切几只小图标就执行了。

总:文字图标的下特别有利,也克给安装包减少非聊的体积,项目中图标太多或随时要更换图标颜色的话,建议采用,如果一味生几个以免需要时刻更换颜色,那就是从未异常必要了,切几独稍图标就执行了。

若果发生什么地方是起荒唐的,欢迎指正,交流是升级技术的平种植方式。

假若有什么地方是发生左的,欢迎指正,交流是升级技术的同栽方式。