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

总:文字图标的施用非常方便,也能于安装包减少非小的体积,项目遭到图标太多要随时要更换图标颜色的话,建议利用,如果单发生几只又无欲天天更换颜色,那就算无十分必要了,切几单稍图标就尽了。

小结:文字图标的利用十分便利,也能够为安装包减少非略之体积,项目面临图标太多还是随时要转移图标颜色的话,建议采取,如果只生几乎单同时无需随时转换颜色,那就从未有过特别必要了,切几个小图标就实施了。

设产生啊地方是发出错误的,欢迎指正,交流是升格技能之均等种方法。

使来啊地方是来不当的,欢迎指正,交流是升格技能之同一栽方式。

相关文章