有時(shí)間再把完整demo 傳下~??????????????????
難點(diǎn)1.UITabbar
是系統(tǒng)控件边臼,所以并不能像UIButton等控件那么方便的去設(shè)置網(wǎng)絡(luò)圖片
難點(diǎn)2.UITabbar
設(shè)置圖片如果用本地圖片,我們本地圖片一般都會(huì)有@2x
和@3x
圖來(lái)滿足retina
屏,避免大屏下模糊問(wèn)題优质,但是使用網(wǎng)絡(luò)圖片就沒(méi)這么簡(jiǎn)單,所表現(xiàn)的問(wèn)題就是網(wǎng)絡(luò)圖片比如是 75px X 75x
,下載完后直接賦值后 ``UITabbar上的圖標(biāo)的寬高居然是
75 X 75```,也就是說(shuō) 1個(gè)點(diǎn) 顯示了 1個(gè)像素巩螃,自然就馬賽克了
難點(diǎn)1解決思路:
UITabbar
默認(rèn)加載本地圖片,網(wǎng)絡(luò)請(qǐng)求獲取的圖片的url
后使用SDWebImage
下載圖片資源避乏,下載完成后得到 UIImage
對(duì)象,再使用UIImage
對(duì)象對(duì)圖標(biāo)進(jìn)行更換
難點(diǎn)2解決思路:
辦法1.在使用網(wǎng)絡(luò)圖片時(shí)候拍皮,有一個(gè)規(guī)律,如果你的圖片url路徑帶有@3x
铆帽,SDWebImage
下載完成后得到的UIImage
對(duì)象的size
屬性則是原來(lái)圖片像素大小的1/3.0,簡(jiǎn)單說(shuō)就是只要保持網(wǎng)絡(luò)圖片的文件名也按照@2x
和@3x
來(lái)命名即可爹橱,因?yàn)?code>SDWebImage緩存圖片到內(nèi)存和本地文件名也應(yīng)該保持了@2x/@3x
的特征(實(shí)際只需要@3x
即可,@2x
系統(tǒng)會(huì)自行縮放)
辦法2.自己用網(wǎng)絡(luò)請(qǐng)求下載圖片慰技,然后存入沙盒環(huán)境時(shí)更換圖片名稱椭盏,自行添加@3x
附:UI設(shè)計(jì)標(biāo)準(zhǔn)
標(biāo)準(zhǔn) tab bars
75px × 75px (25pt × 25pt @3x)
50px × 50px (25pt × 25pt @2x)