需要兩張圖片，一張30*30的 tabbar.png ;另一張60*60的 tabbar@2x.png 。

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

<img src="/wp-content/images1/20181013/2014021915375146449.gif" width="122" height="76" alt="ios — UITabbar 的圖標模糊問題” title=”ios — UITabbar 的圖標模糊問題”>

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

每個UITabbar圖標都需要兩種圖片，一張灰色或黑色背景，30*30左右，一張純白色背景，30*30到60*60間的尺寸都行，比如：

<img src="/wp-content/images1/20181013/2014021915375146550.gif" width="85" height="86" name="image_operate_231320145287620" alt="ios — UITabbar 的圖標模糊問題” title=”ios — UITabbar 的圖標模糊問題”> <img src="/wp-content/images1/20181013/2014021915375146651.gif" width="121" height="94" name="image_operate_91971320145287670" alt="ios — UITabbar 的圖標模糊問題” title=”ios — UITabbar 的圖標模糊問題”>

在圖片命名的時候，必須遵守一個條件，第一張圖片名字是name.png，第二張圖片名字必須是name@2x.png，(註意都是英文標點，x小寫)，

顯示在UITabbar上的圖標大小，會隨著name@2x.png 圖標大小而改變，目前還不清楚這種機制的來龍去脈，希望瞭解的通知下
這樣設置後，圖標就清晰瞭，效果如下
<img src="/wp-content/images1/20181013/2014021915375146752.gif" width="113" height="75" alt="ios — UITabbar 的圖標模糊問題” title=”ios — UITabbar 的圖標模糊問題”>