365betway.comiOS开发被利用文字图标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)。
打开网址,搜索你待的图标
365betway.com 1
倒鼠标到图标上,点击购物车的粗图标,然后点击右侧上斗的购物车多少图标,
365betway.com 2
点击下载代码,就得拿下载一个暗含iconfont的压缩包,文件夹的目如下图
365betway.com 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文件,双击打开,可以见见如下内容
365betway.com 4
里面的图标365betway.com名称下面的一个字符串就是咱需要的编码,只是我们用拿该展开更换,如果是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就尽

小结:文字图标的施用好有益,也会给安装包减少非小之体积,项目受到图标太多或者随时要更换图标颜色的话,建议利用,如果只生几只以未欲时刻转换颜色,那便从不那个必要了,切几个稍图标就实施了。

总结:文字图标的运用十分有利,也克被安装包减少非略的体积,项目遭到图标太多或随时需要转移图标颜色的话,建议采用,如果单单发生几乎独又免需要天天更换颜色,那便无死必要了,切几只稍图标就实施了。

比方生什么地方是起误的,欢迎指正,交流是升格技能之同等种植办法。

使有什么地方是来错误的,欢迎指正,交流是提升技术的一律栽方法。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website