iOS開發之巧用FontAwesome(圖標,字體)

首先,先介紹一下FontAwesome。

Font Awesome 是爲 Twitter Bootstrap 設計的圖標字體。通過Web Font的方式來顯示一些圖標,好處是圖標可以被任意縮放、改變顏色,你需要做的只是像修改文字樣式那樣修改圖標樣式。

 


這裏就給出了一些圖標。具體的可以參見這個網站,有更加詳細的圖標介紹。http://www.bootcss.com/p/font-awesome/design.html

那在ios開發中如何使用FontAwesome定製自己喜歡的圖標呢。

下面通過一個示例介紹一下。

(先下載demo,demo下載鏈接爲:http://download.csdn.net/detail/hitwhylz/7020155

效果如下:


1.從demo中提取出NSString+FontAwesome.h/.m文件,FontAwesome.ttf字體文件導入到自己工程中。

2.在.plist配置文件中新建一列(Fonts provided by application),加入FontAwesome.ttf這個元素。(如果不懂可以帶demo裏面的plist文件)

3.在使用的地方,添加頭文件

#import "NSString+FontAwesome.h"


4.在需要使用的地方,加入這樣的語句。

  1. [button_2 setTitle:[NSString stringWithFormat:@" %@ Delete按鈕",iconString] forState:UIControlStateNormal];  
  2. [button_2.titleLabel setFont:[UIFont fontWithName:@"FontAwesome" size:14]];  
  1. [button_2 setTitle:[NSString stringWithFormat:@" %@ Delete按鈕",iconString] forState:UIControlStateNormal];  
  2. [button_2.titleLabel setFont:[UIFont fontWithName:@"FontAwesome" size:14]];  

這樣就能使用到FontAwesome中提供的圖標了。


具體可以參見我所給的代碼。

另外mark下兩個網上的實例,效果都不錯。

http://code4app.com/ios/fontawesome/50f01ff26803fa706e000000#


發佈了34 篇原創文章 · 獲贊 36 · 訪問量 72萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章