我们知道，一个Tab控制器控制着若干视图控制器，它是由一个数组进行管理的，每一个Tab控制器只有一 UITabBar视图，用于显示UITabBarItem实例。我们通过点击UITabBarItem来切换视图控制器，现在我们就来说怎么定制我们想要的tabbar视图。
步骤一：通过Single ViewApplication取新建一个工程，在Main.storyboard中右边栏中选择TabBarController拖进storyboard操作区间，如图：
步骤二：我们把TabBarViewController连着的两个itemViewController删除，重新拖两个NavigationViewController，并通过vireControllers连线，结果如下：
在左边选择对应的控制器的item，在右边的TabBarItem和BarItem中填写相应的信息：
同理，如果我们需要更多的barItem，重复步骤二便是，即我们需要几个baritem，就拖几个NavigationViewController，再执行相同的操作。
就比如我们要四个baritem，并且在storyboard中的baritem中设置对应的图片后，得到这样的效果：
但是，如果我们不想要item下面的标题，去掉标题后问题来了：item图标明显偏上：
怎么让这些item居中呢？
我们在这里调整：
将Image Inset中的Top和Bottom由原来的0分别改成5，－5即可。
于是得到：
显然，这还不是我们最终要的，我们还需要点击效果：有item的切换图标 ，并且有选中效果，我们在AppDelegate中加入如下代码即可：
UITabBarController *tabBarController = (UITabBarController *)self.window.rootViewController;
UITabBar *tabBar = tabBarController.tabBar;
UITabBarItem *tabBarItem1 = [tabBar.items objectAtIndex:0];
UITabBarItem *tabBarItem2 = [tabBar.items objectAtIndex:1];
UITabBarItem *tabBarItem3 = [tabBar.items objectAtIndex:2];
UITabBarItem *tabBarItem4 = [tabBar.items objectAtIndex:3];
tabBarItem1.selectedImage = [UIImage imageNamed:@"hot_selected"];
tabBarItem2.selectedImage = [UIImage imageNamed:@"collect_selected"];
tabBarItem3.selectedImage = [UIImage imageNamed:@"category_selected"];
tabBarItem4.selectedImage =[UIImage imageNamed:@"me_selected"];
//设置选中item的图片颜⾊
[tabBarController.tabBar setSelectedImageTintColor:[UIColor whiteColor]];
//设置选中item后，显示在此item下面的图⽚
tabBar.selectionIndicatorImage = [UIImage imageNamed:@"select_bg"];
关于taabr，我们还有这样的设置：
//设置tabBar的背景图⽚
tabBarController.tabBar.backgroundImage = [UIImage imageNamed:@"tabbarbg.png"];
//设置tabBar的背景颜⾊
tabBarController.tabBar.tintColor = [UIColor grayColor];