iconfont的使用

iconfont是將圖片以字體的形式展示的一種方法谐鼎,清晰易縮放而且文件體積小,可以直接通過修改字體顏色和大小來改變圖片大小趣惠,很方便狸棍。同時也是因為這個原因只能支持純色圖片。不過對于iOS來說味悄,減少了各種@2x草戈、@3x的煩惱,還是很方便的侍瑟。官方文檔不是很詳細(xì)唐片,下面說說如何使用,希望能幫到大家少走彎路涨颜。



第一步:點擊下載到本地费韭,將文件中的字體文件(.ttf)添加到工程中;



第二步:打開Info.plist文件庭瑰,增加一個新的Array類型的鍵星持,鍵名設(shè)置為UIAppFonts(Fonts provided by application),增加字體的文件名:“iconfont.ttf“弹灭;

第三步:使用

iconfont有兩種使用方法督暂,最常用的就是用label來展示

UILabel* label = [[UILabelalloc] initWithFrame:self.view.bounds];

UIFont*iconfont = [UIFontfontWithName:@"uxIconFont"size:34];

label.font = iconfont;

label.text = @"\U00003439 \U000035ad \U000035ae \U000035af \U000035eb \U000035ec";

label.textColor = BLACKCOLOR;

[self.view addSubview: label];

fontname就是上圖中藍(lán)色標(biāo)記位置 fontfamily羹令,text內(nèi)存為 \U0000加上上圖紅色標(biāo)記位置代碼的后四位,如上圖個人 text就為 \U0000e662

有的時候不能使用label损痰,只能用imageview福侈,比如tabbaritem,這個時候就需要把icon轉(zhuǎn)換為image

+ (UIImage*)imageWithIcon:(NSString*)icon

iconColor:(UIColor*)color

iconSize:(CGFloat)size{

CGFloat scale = [UIScreen mainScreen].scale;

CGFloat realSize = size * scale;//屏幕分辨率調(diào)整圖片大小

UIFont *font = [UIFont fontWithName:@"iconfont" size:realSize];

UIGraphicsBeginImageContext(CGSizeMake(realSize, realSize));//設(shè)置圖片尺寸

CGContextRef context = UIGraphicsGetCurrentContext();

if ([icon respondsToSelector:@selector(drawAtPoint:withAttributes:)]) {

[icon drawAtPoint:CGPointZero withAttributes:@{NSFontAttributeName:font, NSForegroundColorAttributeName: color}];

} else {

CGContextSetFillColorWithColor(context, color.CGColor);

[icon drawAtPoint:CGPointMake(0, 0) withAttributes:@{NSFontAttributeName:font}];

}

UIImage *image = [UIImage

imageWithCGImage:UIGraphicsGetImageFromCurrentImageContext().CGImage

scale:scale orientation:UIImageOrientationUp];

UIGraphicsEndImageContext();

return image;

}

6月29日補

?如何寫法沒錯 卻一直顯示問號? 這個時候一般是字體文件沒加載上的問題? 首先檢查 plist文件里有沒寫錯單詞卢未, 然后BuildPhases--BundleResources里有無文件? 如果都沒問題




拖入字體文件時使用這些選項

如果還是顯示問號



讓讓 我要放大招了


建立一個XIB\SB文件? 找一個label? 設(shè)置如下屬性


然后再運行 就OK了





最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末肪凛,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子辽社,更是在濱河造成了極大的恐慌伟墙,老刑警劉巖换棚,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件丰歌,死亡現(xiàn)場離奇詭異沃但,居然都是意外死亡耿战,警方通過查閱死者的電腦和手機禽作,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門碉熄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來暇番,“玉大人崩哩,你說我怎么就攤上這事噩翠∠纷裕” “怎么了?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵伤锚,是天一觀的道長擅笔。 經(jīng)常有香客問我,道長屯援,這世上最難降的妖魔是什么猛们? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮狞洋,結(jié)果婚禮上弯淘,老公的妹妹穿的比我還像新娘。我一直安慰自己徘铝,他們只是感情好耳胎,可當(dāng)我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著惕它,像睡著了一般怕午。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上淹魄,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天郁惜,我揣著相機與錄音,去河邊找鬼。 笑死兆蕉,一個胖子當(dāng)著我的面吹牛羽戒,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播虎韵,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼易稠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了包蓝?” 一聲冷哼從身側(cè)響起驶社,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎测萎,沒想到半個月后亡电,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡硅瞧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年份乒,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腕唧。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡或辖,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出四苇,到底是詐尸還是另有隱情孝凌,我是刑警寧澤,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布月腋,位于F島的核電站,受9級特大地震影響瓣赂,放射性物質(zhì)發(fā)生泄漏榆骚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一煌集、第九天 我趴在偏房一處隱蔽的房頂上張望妓肢。 院中可真熱鬧,春花似錦苫纤、人聲如沸碉钠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽喊废。三九已至,卻和暖如春栗弟,著一層夾襖步出監(jiān)牢的瞬間污筷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工乍赫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瓣蛀,地道東北人陆蟆。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像惋增,于是被迫代替她去往敵國和親叠殷。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 什么是IconFont 所謂IconFont, 就是利用圖標(biāo)生成的字體诈皿。原理與漢字和emoji一樣, 每一個圖標(biāo)對...
    Z哥閱讀 1,941評論 0 51
  • 前言:寫這篇文章純粹是記錄自己的使用過程以及一些疑問溪猿。iconfont之前一直是作為web頁面替換按鈕圖片的方案,...
    安勒個安閱讀 1,643評論 0 1
  • 基礎(chǔ)環(huán)境 1.使用的矢量圖標(biāo)庫:http://www.iconfont.cn/ 2.需要賬號登陸 纫塌,名下會有對應(yīng)的...
    Dorazzz閱讀 1,808評論 0 0
  • 1诊县、登錄iconfont,(阿里圖標(biāo)庫)措左,點開圖標(biāo)依痊,選擇需要的圖標(biāo),添加到庫里(點擊購物車標(biāo)志)怎披; 2胸嘁、點擊添加至...
    Doit的謊言閱讀 1,740評論 0 0
  • 真的好累!爸爸的不爭氣凉逛,那么不好的身體自己卻依舊不知道鍛煉性宏,你若倒下,有想過我和媽媽會多難過嗎状飞?幾乎每天都被長輩們...
    海綿_a0fe閱讀 133評論 0 0