在iOS应用中使用字体图标及制作字体库
2016-05-24 17:58
549 查看
做iOS开发的都知道,因为屏幕分辨率的问题,在iOS app 中都得放两套切图来支持retina屏和非retina屏幕,但是文字就不需要考虑分辨率的问题,所以可不可以将一些图片用文字来代替呢,省时省力省资源。看下面一些截图:
这些截图上面的图标都是用文字来表示的,没有用png图片,看起来还不错吧
下面介绍一下制作以及使用图标字体的方法
使用其中的钢笔工具绘制字形图标,比如绘制一个新浪微博logo和垃圾桶,如图:
新浪微博logo
垃圾桶
好了,绘制完字形图标,接下来做字体库
因为字体图标也是字体,所以使用和普通的字体没区别:看代码就知道了
这段代码展示一个相机图标
Demo
大家有兴趣的话,可以在项目中使用,IOS项目和Android项目都可以运用,十分方便,到此为止吧
这些截图上面的图标都是用文字来表示的,没有用png图片,看起来还不错吧
下面介绍一下制作以及使用图标字体的方法
字体图标的制作
这部分分两个步骤:1、字形图标的制作 2、字体库的制作一、字形图标的制作
安装一个工具Illustrator,这个工具有破解版,自行搜寻下载使用其中的钢笔工具绘制字形图标,比如绘制一个新浪微博logo和垃圾桶,如图:
新浪微博logo
垃圾桶
好了,绘制完字形图标,接下来做字体库
二、字体库的制作
安装FontLab Studio,这个工具可以生成字体库 new—>generate font,生成.ttf文件,打开该ttf文件,选中一个字形,打开,然后将做好的字形图标从Illustrator中copy过来,这里有个尺寸问题,可以参看这篇文章Illustrator+FontLab进行字体设计教程 保存,ok。字体图标的使用
将制作好的字体库copy到工程中,在IOS工程中配置一下,打开appName-Info.plist,添加属性Fonts provided by application,如图:因为字体图标也是字体,所以使用和普通的字体没区别:看代码就知道了
StrokeLabel *cameraLabel = [[StrokeLabel alloc] initWithFrame:CGRectMake(175, headerImageView.frame.origin.y + 70, 54, 46) LineWidth:5 TextColor:[UIColor whiteColor]]; cameraLabel.text = @"C"; cameraLabel.textAlignment = NSTextAlignmentCenter; cameraLabel.textColor= [UIColor colorWithHexString:@"#8dc63f"]; cameraLabel.backgroundColor = [UIColor clearColor]; cameraLabel.font = [UIFont fontWithName:FONT_99FANGICON size:35]; [scrollView addSubview:cameraLabel]; [cameraLabel release];
这段代码展示一个相机图标
Demo
大家有兴趣的话,可以在项目中使用,IOS项目和Android项目都可以运用,十分方便,到此为止吧
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- flash 系统字体显示问题
- C#及WPF获取本机所有字体和颜色的方法
- 谈谈网页设计中的字体应用Font Set
- PDF里的文字显示模糊的解决方法
- 保证可下载的漂亮动作2008奥运比赛项目字体
- C#实现字体旋转的方法
- 网页设计中的 serif 和 sans-serif字体应用
- 优化WordPress的Google字体以加速国内服务器上的运行
- C#实现缩放字体的方法
- ExtJs默认的字体大小改变的几种方法(自己整理)
- 一个实现字体大中小方法的JavaScript代码
- jquery实现实时改变网页字体大小、字体背景色和颜色的方法
- php修改NetBeans默认字体的大小