ios --- Tabbar 的圖標模糊問題

須要兩張圖片,一張30*30的 tabbar.png ;另外一張60*60的 tabbar@2x.png 。


最近在項目開發過程當中,遇到一個問題,十分蛋疼---UITabbar自定義的圖標模糊,剛開始用的是34*33的尺寸,太大,後來去官網覈對了下,是30*30的。但奇怪的是用這個尺寸的圖標,UITabbar選項在被選擇的時候,圖標邊緣很模糊:
          ios <wbr>--- <wbr>UITabbar <wbr>的圖標模糊問題

     開始是懷疑尺寸的問題,試了各類尺寸都不行,後來也試了各類顏色的,結果也是模糊。從網上查了不少資料,也都解決不了問題,直到今天,無心中發現了真相,其實很簡單,這牽扯到了Ios 系統的機制問題。

      每一個UITabbar圖標都須要兩種圖片,一張灰色或黑色背景,30*30左右,一張純白色背景,30*30到60*60間的尺寸都行,好比:
       ios <wbr>--- <wbr>UITabbar <wbr>的圖標模糊問題                ios <wbr>--- <wbr>UITabbar <wbr>的圖標模糊問題

        在圖片命名的時候,必須遵照一個條件,第一張圖片名字是name.png,第二張圖片名字必須是name@2x.png,(注意都是英文標點,x小寫),
        顯示在UITabbar上的圖標大小,會隨着name@2x.png 圖標大小而改變,目前還不清楚這種機制的前因後果,但願瞭解的通知下
        這樣設置後,圖標就清晰了,效果以下
          ios <wbr>--- <wbr>UITabbar <wbr>的圖標模糊問題
相關文章
相關標籤/搜索