学步园

 原文摘自：http://blog.sina.com.cn/s/blog_8988732e0100xdnq.html

最近在项目开发过程中，遇到一个问题，十分蛋疼---UITabbar自定义的图标模糊，刚开始用的是34*33的尺寸，太大，后来去官网核对了下，是30*30的。但奇怪的是用这个尺寸的图标，UITabbar选项在被选择的时候，图标边缘很模糊：

      

   开始是怀疑尺寸的问题，试了各种尺寸都不行，后来也试了各种颜色的，结果也是模糊。从网上查了很多资料，也都解决不了问题，直到今天，无意中发现了真相，其实很简单，这牵扯到了Ios 系统的机制问题。

    每个UITabbar图标都需要两种图片，一张灰色或黑色背景，30*30左右，一张纯白色背景，30*30到60*60间的尺寸都行，比如：

              

     在图片命名的时候，必须遵守一个条件，第一张图片名字是name.png，第二张图片名字必须是name@2x.png，(注意都是英文标点，x小写)，

     显示在UITabbar上的图标大小，会随着name@2x.png 图标大小而改变，目前还不清楚这种机制的来龙去脉，希望了解的通知下

     这样设置后，图标就清晰了，效果如下