`
xumingrencai
  • 浏览: 1179423 次
文章分类
社区版块
存档分类
最新评论

在iOS开发中使用icon font的方法

 
阅读更多

http://iconfont.cn/help/iconuse.html

在开发阿里数据iOS版客户端的时候,由于项目进度很紧,项目里的所有图标都是用最平常的背景图片方案来实现。而为了要兼容普通屏与Retina屏的设备,苹果要求每个背景图都要以两种尺寸存(a.png和a@2x.png),这让设计师们增加了成本,因为他们每次都得出两份背景图标。

现在在web开发上,icon font技术的应用很广泛,它不仅在解决多分辨率显示问题上很有成效,而且在使用它的时候还能降低不少设计和开发成本。

那么它能不能应用到ios开发上来呢?带着这个疑问,我在github上找到了FontasticIcons和ios-fontawesome,但是这两个OC包对icon资源封装都有限,而且扩展也不是很方便。

既然能在ios上使用icon font,那么怎么用呢?经过一番摸索,发现使用原理和自定义字体差不多,只有个别操作不太一样,接下来我给大家详细介绍一下。

如何使用自定义字体

在讲icon font之前,首先先来看看普通自定义字体是如何在ios中使用的,两个原理是一样的。这里以KaushanScript-Regular为例:

Step 1: 导入字体文件

将字体文件拖入项目(ios支持的字体格式有:.ttf、.otf,其他格式不确定):

字体文件拖入项目

然后再在项目的资源池中确认字体文件是否加入项目,打开xcode项目的Build Phases中查看:

确认字体文件是否加入项目

Step 2: 配置.plist文件

UILabel *label5 = [[UILabel alloc] initWithFrame:CGRectMake(10, 480, 300, 50)];
label5.text = @"\U0000e42a\U0000e525\U0000e41c";
[self.view addSubview:label5];

6.效果

效果展示

7.使用自制图标字体

如果上面介绍的图标库还满足不了你的需求,或者需要的图标分布在多个图标库而不能集中到一个字体文件中;那么你可能需要自己去制作图标字体文件了。

总结

这样,在iOS开发上,不仅可以直接去开源图标库找现成的图标用到项目中,而且还可以轻松地改变图标的颜色、大小,相信可以解放不少设计师和工程师的工作量。

上代码

图标字体库

分享到:
评论

相关推荐

    学习ios(必看经典)牛人40天精通iOS开发的学习方法

    这是一套从一个对iOS开发感兴趣的学员到iOS...通过本系列课程的学习,希望使一个对iOS开发感兴趣,想从事iOS开发的学员,成为一名真正iOS开发人员,iOS从业者,iOS技术大牛,最重要的是学会解决开发中遇到困难的方法。

    IOS开发官方教程(中文)

    开发 iOS 应用程序,您需要: Mac 电脑,运行 OS X 10.8 (Mountain Lion) 或更高版本 Xcode iOS SDK Xcode 是 Apple 的集成开发环境 (IDE)。Xcode 包括源代码编辑器、图形用户界面编辑器和许多其他功 能。iOS SDK 扩展...

    iOS开发进阶-唐巧.pdf

    第一部分介绍iOS 开发的常用工具,第二部分介绍iOS开发中的一些常见的实践经验,第三部分介绍iOS 开发中涉及的原理。 如果把成为iOS 开发高手的过程比作武侠小说中的修炼过程的话,工具、实践和理论的学习就分别对应...

    “iOS系统中使用OpenCV”的方法

    讲述“iOS系统中使用OpenCV”的方法,包括开发所需“opencv2框架”,对于在iOS开发过程中使用OpenCV的开发者,应该有帮助作用,另会附代码例程,以供参考。

    IOS开发SQLite使用实例

    主要介绍SQLITE在IOS开发中的使用方法。代码包括查询、创建表、更新表等基本操作。

    iOS开发进阶-完整版

    唐巧的《iOS开发进阶》,希望对一些初级的程序员有用

    iOS开发视频教程

    资源名称:iOS开发视频教程资源目录:【】iOS开发视频教程-第01讲-iOS历史介绍【】iOS开发视频教程-第02讲-XCode安装【】iOS开发视频教程-第03讲-UIView_PPT【】iOS开发视频教程-第04讲-UILabel【】iOS开发视频教程-...

    《iOS开发零基础入门教程》(40集)

    资源名称:《iOS开发零基础入门教程》(40集)资源目录:【】传智播客《iOS开发零基础入门教程》1.1【】传智播客《iOS开发零基础入门教程》1.2【】传智播客《iOS开发零基础入门教程》1.3【】传智播客《iOS开发零基础...

    iOS开发网络数据之AFNetworking使用

    iOS开发网络数据之AFNetworking使用,没有积分的可以在对应文章下评论留下邮箱; 文章地址:http://blog.csdn.net/daiyelang/article/details/38421341

    ios-iOS 开发 - 常用宏定义大全.zip

    定义了一些常用的宏,写代码的...在Xcode的target配置中,在Build Setting中找到Prefix Header,将修改后得到的相对路径添加到其中,并将Precompile Prefix Header的值设置为YES。 运行工程,PCH相对路径设置成功。

    iOS生成桌面icon

    iOS生成桌面icon AppWebClip-master.zip

    ios应用中文开发手册

    iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad以及Apple TV等产品上。iOS与苹果的Mac OS X操作系统一样...

    iOS 开发流程说明

    ios开发流程ios开发流程

    iOS开发中一些实用的Demo.zip

    IOS开发

    精通iOS开发源码地址

    精通iOS开发源码下载地址,这个本书简直太棒了,是我买过的性价比最高的一本书。

    iOS开发进阶

    作者唐巧,本书定位于帮助那些iOS开发人员提高自己的开发水平

    iOS开发中文件的上传和下载功能的基本实现

    说明:文件上传使用的时POST请求,通常把要上传的数据保存在请求体中。本文介绍如何不借助第三方框架实现iOS开发中得文件上传。  由于过程较为复杂,因此本文只贴出部分关键代码。 主控制器的关键代码: 代码如下:...

    ios 中文开发文档

    ios 中文开发文档

    IOS官方开发手册

    IOS官方开发手册

Global site tag (gtag.js) - Google Analytics