房地产公司iOS开发中采用文字图标iconfont

以iOS的开销中,各种图标的用是不可逆转的,如果拿全体图标做成图片在项目面临,那么就项目的渐渐庞大起来,图片所占据的地方就见面进一步大,安装包也便随之转移大了,如果图标需要基于不同的场面改成使用不同之颜料,那么,如果做成图片就得差不多摆放不同颜色之图纸,对于能够更换皮肤的APP来说,安装包也就会见再要命,为了让APP的设置包瘦身,iconfont就生出了。关于iconfont的牵线与制造方尽管小无开展介绍了。

第一步:获取iconfont文件。

柜会来UI做图,让他俩提供文件就哼了,如果自己修测试或开协调的种类,就需自己搜索材料了。我平常之所以的凡阿里巴巴的图标库(http://www.iconfont.cn)。
开拓网址,搜索你待的图标
[图表及传失败…(image-f28a5a-1513742643098)]
倒鼠标到图标上,点击购物车的多少图标,然后点击右侧上比的购物车不怎么图标,
[图形及传失败…(image-d6c9a1-1513742643099)]
点击下载代码,就好拿下载一个含有iconfont的压缩包,文件夹的目录如下图
[图形及传失败…(image-9116d6-1513742643099)]

第二步:导入ttf文件

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

第三步:修改info.plist

点击添加按钮,输入UIAppFonts,点击回车,会自动变成名称也Fonts provided
by
application的往往组,点击上加一个item,类型也String,输入iconfont.ttf,这个是你碰巧导入的文件的名,点击回车,配置了;

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

我们下的是unicode,所以,在刚下载的文本夹着找到demo_unicode.html文件,双击打开,可以见到如下内容
[图形及传失败…(image-4362房地产公司db-1513742643099)]
内的图标名称下面的一个字符串就是我们要之编码,只是我们要用其开展换,如果是Objective-C,我们得将该转为\U0000e642,如果是swift,我们要用那转为\u{e642},每个图标的编码不相同,但是针对许提到是一律的,每个iconfont文件被恐怕无休止一个图标,使用的时段便冲图标编码转成对应的即可使用;

第五步:在项目中利用iconfont

自于是的凡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)

中的装font中之name是若导入文本的名目,如果您想给图标一个颜料,直接设置label的文件颜色即可,如果安大小,直接设置font就执行

总:文字图标的下好有利,也会于安装包减少非小之体积,项目中图标太多或者随时要更换图标颜色的话,建议采用,如果单纯来几乎独又免待天天转换颜色,那便从不非常必要了,切几只小图标就推行了。

设发啊地方是发生不当的,欢迎指正,交流是提升技能之平等栽艺术。

相关文章