新聞中心
本篇文章為大家展示了如何在iOS中使用iconfont文字圖標(biāo),內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
目前成都創(chuàng)新互聯(lián)公司已為上1000家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、巴彥網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。第一步:獲取iconfont文件。
公司會(huì)有UI做圖,讓他們提供文件就好了,如果自己學(xué)習(xí)測(cè)試或者做自己的項(xiàng)目,就需要自己找素材了。
打開網(wǎng)址,搜索你需要的圖標(biāo)
移動(dòng)鼠標(biāo)到圖標(biāo)上,點(diǎn)擊購(gòu)物車的小圖標(biāo),然后點(diǎn)擊右上角的購(gòu)物車小圖標(biāo),
點(diǎn)擊下載代碼,就可以把下載一個(gè)包含iconfont的壓縮包,文件夾的目錄如下圖
第二步:導(dǎo)入ttf文件
將文件夾中的iconfont.ttf文件直接拖入到項(xiàng)目中,記得勾選Add to targets中的選項(xiàng)
第三步:修改info.plist
點(diǎn)擊添加按鈕,輸入U(xiǎn)IAppFonts,點(diǎn)擊回車,會(huì)自動(dòng)變成名稱為Fonts provided by application的數(shù)組,點(diǎn)擊添加一個(gè)item,類型為String,輸入iconfont.ttf,這個(gè)是你剛導(dǎo)入的文件的名字,點(diǎn)擊回車,配置完畢;
第四步:查看iconfont中的圖標(biāo)的編碼
我們使用的是unicode,所以,在剛才下載的文件夾中找到demo_unicode.html文件,雙擊打開,可以看到如下內(nèi)容
其中的圖標(biāo)名稱下面的一個(gè)字符串就是我們需要的編碼,只是我們需要將其進(jìn)行轉(zhuǎn)換,如果是Objective-C,我們需要將其轉(zhuǎn)為\U0000e642,如果是swift,我們需要將其轉(zhuǎn)為\u{e642},每個(gè)圖標(biāo)的編碼不一樣,但是對(duì)應(yīng)關(guān)系是一樣的,每個(gè)iconfont文件中可能不止一個(gè)圖標(biāo),使用的時(shí)候就根據(jù)圖標(biāo)編碼轉(zhuǎn)成對(duì)應(yīng)的即可使用;
第五步:在項(xiàng)目中使用iconfont
我用的是swift,Objective-C的使用方式類似,你們可以自己嘗試,只是編碼的轉(zhuǎn)換結(jié)果不一樣
let iconLabel = UILabel.init(frame: .init(x: 0, y: 0, width: 100, height: 30)) iconLabel.text = "\u{e642}" iconLabel.font = UIFont.init(name: "iconfont", size: 15)
其中的設(shè)置font中的name是你導(dǎo)入文件的名稱,如果你想給圖標(biāo)一個(gè)顏色,直接設(shè)置label的文本顏色即可,如果設(shè)置大小,直接設(shè)置font就行
上述內(nèi)容就是如何在iOS中使用iconfont文字圖標(biāo),你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
分享題目:如何在iOS中使用iconfont文字圖標(biāo)-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載:http://ef60e0e.cn/article/cscipp.html