最近在項目開發過程當中,遇到一個問題,十分蛋疼---UITabbar自定義的圖標模糊,剛開始用的是34*33的尺寸,太大,後來去官網覈對了下,是30*30的。但奇怪的是用這個尺寸的圖標,UITabbar選項在被選擇的時候,圖標邊緣很模糊:
開始是懷疑尺寸的問題,試了各類尺寸都不行,後來也試了各類顏色的,結果也是模糊。從網上查了不少資料,也都解決不了問題,直到今天,無心中發現了真相,其實很簡單,這牽扯到了Ios 系統的機制問題。
每一個UITabbar圖標都須要兩種圖片,一張灰色或黑色背景,30*30左右,一張純白色背景,30*30到60*60間的尺寸都行,好比:
在圖片命名的時候,必須遵照一個條件,第一張圖片名字是name.png,第二張圖片名字必須是name@2x.png,(注意都是英文標點,x小寫),
顯示在UITabbar上的圖標大小,會隨着name@2x.png 圖標大小而改變,目前還不清楚這種機制的前因後果,但願瞭解的通知下
這樣設置後,圖標就清晰了,效果以下