美文网首页很好的文章
iOS 中IconFont的使用

iOS 中IconFont的使用

作者: Geniusn | 来源:发表于2019-02-18 16:01 被阅读22次

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的使用

    iOS - IconFont的使用 iOS - IconFont的使用

  • iOS上如何使用iconfont图标

    iOS上如何使用iconfont图标 iOS上如何使用iconfont图标

  • IconFont在iOS中的运用

    IconFont在iOS中的运用 IconFont在iOS中的运用

  • swift项目中使用阿里iconfont

    另外关于iconfont的设置阿里iconfont官网帮助文档有说明,具体参考IOS使用iconfont还有使用i...

  • iOS中IconFont的使用

    什么是IconFont 所谓IconFont, 就是利用图标生成的字体。原理与汉字和emoji一样, 每一个图标对...

  • iOS 中IconFont的使用

    1.什么是iconfont iconFont拆开来看,就是 Icon + Font,这样估计大家应该都能理解是什么...

  • iOS中iconfont的基本使用

    第一步:从iconfont平台选择要使用到的图标,并下载至本地 打开Info.plist文件,增加一个新的Arra...

  • iconfont在iOS中的使用

    iconFont iconFont是利用图标生成的字体,是一种矢量图。原理与汉字和emoji一样, 每一个图标对应...

  • iOS使用iconFont

    时下App越来越向重型App发展,随之带来的就是App容量剧增.而App中五花八门,各式各样的图标图片也是容量增大...

  • iOS - IconFont的使用

    IconFont是啥? 我们通常看到的图标都是以图片形式集成到项目中使用,而 Iconfont 是一套字体图标,和...

网友评论

    本文标题:iOS 中IconFont的使用

    本文链接:https://www.haomeiwen.com/subject/cloaeqtx.html