菜单

iOS开发被采取文字图标iconfontiOS开发被应用文字图标iconfont

2018年9月19日 - betway官网手机版

于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)。
打开网址,搜索你用的图标
betway体育 1
动鼠标到图标上,点击购物车的略微图标,然后点击右侧上斗的购物车多少图标,
betway体育 2
点击下载代码,就可以拿下载一个富含iconfont的压缩包,文件夹的目如下图
betway体育 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文件,双击打开,可以见见如下内容
betway体育 4
里头的图标名称下面的一个字符串就是我们用的编码,只是我们需要用那开展换,如果是Objective-C,我们需要用那转为\U0000e642,如果是swift,我们要用其转为\u{e642},每个图标的编码不同等,但是针对许涉及betway体育是同的,每个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就推行

小结:文字图标的动大便宜,也能给安装包减少非小的体积,项目蒙图标太多要随时要更换图标颜色的话,建议利用,如果光生几单又无需天天更换颜色,那即便从来不生必要了,切几独小图标就实行了。

总结:文字图标的下大方便,也会叫安装包减少非略之体积,项目中图标太多要随时需要转移图标颜色的话,建议采用,如果只有发生几只又未欲天天转换颜色,那即便从未异常必要了,切几单稍图标就行了。

若果来啊地方是产生荒唐的,欢迎指正,交流是提升技术的同种植方法。

假使出啊地方是发出左的,欢迎指正,交流是晋升技术之一模一样栽艺术。

相关文章

发表评论

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

网站地图xml地图