天天看點

在iOS開發中使用icon font的方法

 在開發阿裡資料iOS版用戶端的時候,由于項目進度很緊,項目裡的所有圖示都是用最平常的背景圖檔方案來實作。而為了要相容普通屏與Retina屏的裝置,蘋果要求每個背景圖都要以兩種尺寸存(a.png和[email protected]),這讓設計師們增加了成本,因為他們每次都得出兩份背景圖示。

現在在web開發上,icon font技術的應用很廣泛,它不僅在解決多分辨率顯示問題上很有成效,而且在使用它的時候還能降低不少設計和開發成本。

那麼它能不能應用到ios開發上來呢?帶着這個疑問,我在github上找到了FontasticIcons和ios-fontawesome,但是這兩個OC包對icon資源封裝都有限,而且擴充也不是很友善。

既然能在ios上使用icon font,那麼怎麼用呢?經過一番摸索,發現使用原理和自定義字型差不多,隻有個别操作不太一樣,接下來我給大家詳細介紹一下。

如何使用自定義字型

在講icon font之前,首先先來看看普通自定義字型是如何在ios中使用的,兩個原理是一樣的。這裡以KaushanScript-Regular為例:

Step 1: 導入字型檔案

将字型檔案拖入項目(ios支援的字型格式有:.ttf、.otf,其他格式不确定):

在iOS開發中使用icon font的方法

然後再在項目的資源池中确認字型檔案是否加入項目,打開xcode項目的Build Phases中檢視:

在iOS開發中使用icon font的方法

Step 2: 配置.plist檔案

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

6.效果

7.使用自制圖示字型