xcode中利用iamges.xcassets添加TabbarCtroller中item图标

ios都升级到9了，依稀记得几年前的ios4啊。感慨下光阴似箭岁月如歌。xcode也是跟着不停脚步的升级。

如今做界面有了storyboard和iamges.xcassets，让我们适配不同iPhone手机的图标时，有了更方便的选择。

项目中用到TabbarController，在给item添加图标时，碰到一些坑。记录分享哈。

1，tabbar控件的item图标是30*30的大小，2x的是60*60大小，如果不按照标准来，图标显示很难看。图片大小可以用osx自带的图片预览来调整，在工具菜单中。

2，在xcode工程中点击images的+号，新增一个。会出现1x，2x，3x的空缺。这个是右边属性Scale Factors控制的。将30大小的图标拖到1x中，60大小的图标拖到2x中。

3，storyboard生成的tabbar会有默认的item图标，叫first，second等名字。我们会发现它们不需要1x和2x等图标，只有一个all图标就搞定了。原来它用的是pdf矢量图，是ios7后的新特性，程序可以自动匹配大小，当然过大还是会失真。Adobe公司的Illustrator工具可以生产pdf矢量文件，用1x的图标save PDF就可以了。弄好后拖到下面的all空缺中。在说一遍，这个all和1x2x是由属性视图中Scale Factors控制的。

4，在images.xcassets中做好图标后，在storyboard中找到tabbar的item，点击选择对应的图标名称。正常的话，会有一个下拉列表让你选择，你刚加入的图标都会在里面。

我试着运行程序，发现只显示方格，根本没有我的图像。原来ios程序加载这个图片时，直接用背景颜色覆盖了。也就是说这些图标必须是不带背景的。osx系统自带的图片预览工具，有魔法棒可以扣出图片，干掉背景。当然你需要做的漂亮美观，还是找专业的美工来做吧。