zoukankan      html  css  js  c++  java
  • 在IOS应用中使用字体图标

    做IOS开发的都知道,因为屏幕分辨率的问题,在ios app 中都得放两套切图来支持retina屏和非retina屏幕,但是文字就不需要考虑分辨率的问题,所以可不可以将一些图片用文字来代替呢,省时省力省资源。看下面一些截图:

    这些截图上面的图标都是用文字来表示的,没有用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项目都可以运用,十分方便,到此为止吧

    原文:http://lieyunye.github.io/blog/2013/10/13/ios-font-icon/

  • 相关阅读:
    【剑指offer】和为S的连续整数序列
    【剑指offer】连续子数组最大和
    【剑指offer】从尾到头打印链表
    【Spark】概述
    【剑指offer】题目20 顺时针打印矩阵
    【剑指offer】题目36 数组中的逆序对
    【C语言】二维数组做形参
    【剑指offer】题目38 数字在排序数组中出现的次数
    SAP 锁对象 基本概念与基本操作 SE11
    线程特定数据TSD总结
  • 原文地址:https://www.cnblogs.com/codings/p/3611016.html
Copyright © 2011-2022 走看看