一般來講,APP里面的類似返回,設(shè)置等簡單的單色圖標(biāo),如果讓UI妹紙輸出資源,單iOS端就要出三套圖(@1.5X,@2X,@3X).然后是安卓端,或者web端...一個(gè)項(xiàng)目下來,一個(gè)圖標(biāo)可能就要出幾套.用了自定義字體圖標(biāo),app大小減少,不怕圖標(biāo)變形失真,你好我好大家好.后期添加圖標(biāo),只需要覆蓋一個(gè)舊的字體文件就可以了,省時(shí)省力
先流水賬記錄一下使用過程:
1.先讓UI妹紙輸出一個(gè)自定義的字體圖標(biāo)庫,在阿里的矢量圖標(biāo)網(wǎng)站生成后,會有像這樣的一些文件:
對我們有用的就是紅圈標(biāo)的這兩個(gè)文件
第一個(gè)ttf文件,我們直接把他拖到工程里面放好
第二個(gè)文件,雙擊之后可以看到ttf里面的圖標(biāo)內(nèi)容,像這樣:
上面就是我一個(gè)項(xiàng)目里面用到的圖標(biāo).
2.在我們項(xiàng)目 TARGETS 的 Info配置中,添加如下字段:
預(yù)防打錯(cuò),直接復(fù)制文字如下:Fonts provided by application
然后在這里添加一個(gè)item,Value(值)輸入我們自定義字體圖標(biāo)的文件名,記得后綴".ttf"也要輸入.
前期準(zhǔn)備可能就用了大家?guī)追昼?后面使用更加簡單,需要簡單說說的是,這些"圖標(biāo)"的本體其實(shí)是經(jīng)過轉(zhuǎn)義的字符串,不是真正的image,所以,我們使用,要把它們當(dāng)成字符串使用,所以,它們的就是Label.text或者button setTitle而不是UIImageView.image了
來上代碼:
UILabel *iconLabel = [[UILabel alloc]initWithFrame:CGRectMake(20,40,32,32)];//創(chuàng)建一個(gè)Label并添加到view下
iconLabel.text = @"\uE610";//"E610"是返回圖標(biāo)對應(yīng)的編碼,要查詢可以通過之前的HTML文件查看
[self.view addSubview:iconLabel];
//要設(shè)置圖標(biāo)顏色,只需要設(shè)置iconLabel的textColor就可以了
以上就是使用過程了,用了以后,說不定和UI妹紙的關(guān)系就更加好了哦
