[cpp] 
  1. -(id)init {  
  2.     if ([super init] != nil) {  
  3.         UITabBarItem *item = [[UITabBarItem alloc] initWithTitle:@"asdfsadf" p_w_picpath:[UIImage p_w_picpathNamed:@"WWAN5.png"] tag:1];  
  4.         self.tabBarItem = item;  
  5.         [item release];  
  6.     }  
  7.     return self;  
  8. }  

我很少写关于IOS的文章，写这篇完全是因为网络上copy,paste的文章太多，将我误导，搞的我花了半天时间才会用这控件，最后还是看了外国一个英文贴子，才会用。因此写了这篇供后学之人学习加快吧，也希望大家在写文章时，不要千篇一律的复制、粘贴。我们是软件工程师，而不是复制、粘贴工程师。

 

该文章内容展示效果如下图：

接下来，你将看到完全用代码实现的tab bar选项卡切换效果。下面开始。

准备工作，创建一个项目名为ViewSwitcher（你可以选择基于View-based Application或Window-based Application，只不过选择后者的话，要自己创建一个view controller罢了，我是选择了第一个）。

在此，我不会教大家只在ViewSwitcherAppDelegate中去创建UITabBarController的实例（这种方式网上到处都是），我要教大家如何在自己的view controller中创建UITabBarController实例。

下一步，创建两个view controller类，我这里命名为BlueViewController和YellowViewController，当然，它们都是UIViewController的子类。

接着，在ViewSwitcherViewController的viewDidLoad方法中，代码如下：

[cpp] 
  1. tabBar = [[UITabBarController alloc] init];  
  2. tabBar.delegate = self;  
  3. blueViewController = [[BlueViewController alloc] init];  
  4. yellowViewController = [[YellowViewController alloc] init];  
  5. NSArray *viewControllerArray = [NSArray arrayWithObjects:blueViewController,yellowViewController,nil];  
  6. tabBar.viewControllers = viewControllerArray;  
  7. tabBar.view.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);  
  8. [self.view addSubview:tabBar.view];  
  9. [viewControllerArray release];  

 

 

其中tabBar是在.h文件中声明的UITabBarController对象实例。这样运行看看吧。

你会看到为什么两个按钮是黑色的呢，没有字呢？没错，因为我们还没有写这部分代码。设置tab bar标签的图片或文字，可以在它的子view controller中做（这么说或许不是很恰当，因为官方可不这么叫），在这里，我是写在blueViewController和yellowViewController中的，重写它们的init方法，将它们的tabBarItem成员赋值，代码如下：

 

[css] 
  1. -(id)init {  
  2.     if ([super init] != nil) {  
  3.         UITabBarItem *item = [[UITabBarItem alloc] initWithTitle:@"asdfsadf" p_w_picpath:[UIImage p_w_picpathNamed:@"WWAN5.png"] tag:1];  
  4.         self.tabBarItem = item;  
  5.         [item release];  
  6.     }  
  7.     return self;  
  8. }  

 

 

运行进来 ，你将看到新的效果。

那么，那个在item上的小红圈提示是怎么来的呢？？我们实现UITabBarDelegate中的- (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController方法，代码如下：

 

[cpp] 
  1. - (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController{  
  2. //  [self.view addSubview:viewController.view];  
  3.     //  tabBarController.selectedViewController = viewController;  
  4.     viewController.tabBarItem.badgeValue = [NSString stringWithFormat:@"%d",80];  
  5. //  viewController.tabBarItem.title = @"aaa";  
  6. }  
  7.