png转iconfont_使用自定义字体图标iconFont,代替单色PNG图标

一般来讲,APP里面的类似返回,设置等简单的单色图标,如果让UI妹纸输出资源,单iOS端就要出三套图(@1.5X,@2X,@3X).然后是安卓端,或者web端...一个项目下来,一个图标可能就要出几套.用了自定义字体图标,app大小减少,不怕图标变形失真,你好我好大家好.后期添加图标,只需要覆盖一个旧的字体文件就可以了,省时省力

先流水账记录一下使用过程:

1.先让UI妹纸输出一个自定义的字体图标库,在阿里的矢量图标网站生成后,会有像这样的一些文件:

对我们有用的就是红圈标的这两个文件

第一个ttf文件,我们直接把他拖到工程里面放好

第二个文件,双击之后可以看到ttf里面的图标内容,像这样:

上面就是我一个项目里面用到的图标.

2.在我们项目 TARGETS 的 Info配置中,添加如下字段:

预防打错,直接复制文字如下:Fonts provided by application

然后在这里添加一个item,Value(值)输入我们自定义字体图标的文件名,记得后缀".ttf"也要输入.

前期准备可能就用了大家几分钟,后面使用更加简单,需要简单说说的是,这些"图标"的本体其实是经过转义的字符串,不是真正的image,所以,我们使用,要把它们当成字符串使用,所以,它们的就是Label.text或者button setTitle而不是UIImageView.image了

来上代码:

UILabel *iconLabel = [[UILabel alloc]initWithFrame:CGRectMake(20,40,32,32)];//创建一个Label并添加到view下

iconLabel.text = @"\uE610";//"E610"是返回图标对应的编码,要查询可以通过之前的HTML文件查看

[self.view addSubview:iconLabel];

//要设置图标颜色,只需要设置iconLabel的textColor就可以了

以上就是使用过程了,用了以后,说不定和UI妹纸的关系就更加好了哦