天天看點

在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用

做iOS開發的都知道,因為螢幕分辨率的問題,在iOS app 中都得放兩套切圖來支援retina屏和非retina螢幕,但是文字就不需要考慮分辨率的問題,是以可不可以将一些圖檔用文字來代替呢,省時省力省資源。看下面一些截圖:

在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用
在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用

這些截圖上面的圖示都是用文字來表示的,沒有用png圖檔,看起來還不錯吧

下面介紹一下制作以及使用圖示字型的方法

字型圖示的制作

這部分分兩個步驟:1、字形圖示的制作 2、字型庫的制作

一、字形圖示的制作

安裝一個工具Illustrator,這個工具有破解版,自行搜尋下載下傳

使用其中的鋼筆工具繪制字形圖示,比如繪制一個新浪微網誌logo和垃圾桶,如圖:

新浪微網誌logo

在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用

垃圾桶

在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用

好了,繪制完字形圖示,接下來做字型庫

二、字型庫的制作

安裝FontLab Studio,這個工具可以生成字型庫 new—>generate font,生成.ttf檔案,打開該ttf檔案,選中一個字形,打開,然後将做好的字形圖示從Illustrator中copy過來,這裡有個尺寸問題,可以參看這篇文章Illustrator+FontLab進行字型設計教程 儲存,ok。

字型圖示的使用

将制作好的字型庫copy到工程中,在IOS工程中配置一下,打開appName-Info.plist,添加屬性Fonts provided by application,如圖:

在iOS應用中使用字型圖示及制作字型庫字型圖示的制作字型圖示的使用

因為字型圖示也是字型,是以使用和普通的字型沒差別:看代碼就知道了

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項目都可以運用,十分友善,到此為止吧