澳门蒲京网址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就尽

总:文字图标的施用大方便,也能于安装包减少非小的体积,项目遭到图标太多要随时需要更换图标颜色的话,建议采用,如果单发几乎独以未欲天天更换颜色,那就算不曾十分必要了,切几单稍图标就行了。

总:文字图标的采用十分方便,也会吃安装包减少非聊之体积,项目遭到图标太多或者随时需要更换图标颜色的话,建议使用,如果光来几乎独以未欲时刻转换颜色,那就从来不充分必要了,切几只小图标就行了。

如若起啊地方是有误的,欢迎指正,交流是提升技能之同样种艺术。

假设产生啊地方是产生误的,欢迎指正,交流是升格技术的同等种办法。