iOS中使用文字图标iconfont的方法

来源:爱站网时间:2021-01-27编辑:网友分享
这篇文章主要介绍了iOS开发中使用文字图标iconfont的应用示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在iOS系统的开发中我们都知道是无法避免使用各种图标的,随着项目的逐渐庞大起来图片占的空间也会越来越大,那么我们的图标就需要根据不同的场景改变使用不同的颜色,那么你知道要怎么办吗?下面我们就一起去看看iOS中使用文字图标iconfont的方法。iOS中使用文字图标iconfont的方法,

第一步:获取iconfont文件。

公司会有UI做图,让他们提供文件就好了,如果自己学习测试或者做自己的项目,就需要自己找素材了。我平时用的是阿里巴巴的图标库(http://www.iconfont.cn)。

打开网址,搜索你需要的图标

移动鼠标到图标上,点击购物车的小图标,然后点击右上角的购物车小图标,

点击下载代码,就可以把下载一个包含iconfont的压缩包,文件夹的目录如下图

第二步:导入ttf文件

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

第三步:修改info.plist

点击添加按钮,输入UIAppFonts,点击回车,会自动变成名称为Fonts provided by application的数组,点击添加一个item,类型为String,输入iconfont.ttf,这个是你刚导入的文件的名字,点击回车,配置完毕;

第四步:查看iconfont中的图标的编码

我们使用的是unicode,所以,在刚才下载的文件夹中找到demo_unicode.html文件,双击打开,可以看到如下内容

其中的图标名称下面的一个字符串就是我们需要的编码,只是我们需要将其进行转换,如果是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就行

文中就是小编介绍iOS中使用文字图标iconfont的方法,文字图标的使用很方便,也能让安装包减少不小的体积,为了让APP的安装包瘦身所以我们学习这个知识是很有必要的哦。

上一篇:详解XCode9的新变化

下一篇:IOS开发中图像拉伸的代码展示

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载