iOS 中IconFont的使用

1.什么是iconfont

iconFont拆开来看,就是 Icon + Font,这样估计大家应该都能理解是什么,那两者结合是什么呢?没错!就是 IconFont !让开发者像使用字体一样使用图标。如果自己不会做的话,可以直接去阿里的iconfont图标库下载自己需要的图标。

2.为什么要使用iconfont

在开发项目时,不可避免的会用到各种图标,为了适配不同的设备,通常需要@2x和@3x两套图,例如说我们tabBar上使用的图标。有些app有换肤的需要,还需要多套不同的图来进行匹配不同的主题。如果使用切图,这对于设计和开发来说无疑是增加了工作量,而且ipa的体积也会增大。

使用iconfont的好处:

  1. 减小ipa包的大小

  2. 图标保真缩放,多设备适配一套图解决问题

  3. 适应换肤要求,使用方便。

3.怎么用iconfont

  1. 首先去iconfont图标库下载自己需要的图标

https://www.iconfont.cn

这里还有一些其他的选择:

https://www.easyicon.net
http://fontello.com
https://icomoon.io

选择图片加入购物车加入项目下载

将iconfont.ttf移到工程中


7DC2D83664562C7A7BBA58630E57D251.jpg

在plist文件中加入字体


48B8BEF8-5922-49DC-9C55-D0F6FF796774.png

使用TBCityIconFont
第三方库实现

//全局设置字体
[TBCityIconFont setFontName:@"iconfont"];

//然后按照编码,字号和字色生成图片
TBCityIconInfo *info = [TBCityIconInfo iconInfoWithText:@"\U0000e656" size:18 color:[UIColor redColor]];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 30, 30)];
[self.view addSubview:imageView];

imageView.image = [UIImage iconWithInfo:info];

你可能感兴趣的:(iOS 中IconFont的使用)