ios TabBat 中图标设计模糊的问题

ios --- UITabbar 的图标模糊问题

(2011-11-01 18:38:52)

转载▼

标签： it

分类：IOS---UI

 

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

       

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

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

                 

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

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

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