iOS 自定义TabBarController

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               

转自：http://blog.csdn.net/xn4545945/article/details/35994863

一、自定义的思路

iOS中的TabBarController确实已经很强大了，大部分主流iOS应用都会采用。但是往往也不能满足全部的需求，因此需要自定义TabBar，自定义需要对系统的TabBar工作方式有很好的理解，自定义需要勇气。

自定义TabBar的原则：尽量利用系统自带TabBar，只改需要改的地方。

二、自定义TabBar的总体过程

1. 先把自带的 TabBar 条给取消了

2. 自己做一个 view, 上面放几个按钮 , 设定按钮的点击事件 . 并设置 selectIndex。

3.关联各个子viewController，覆盖相关事件。

三、细节很重要

1.  让自己创建的按钮关联到 viewController:

•用 tabbar 的 selectedIndex 属性 . 设置这个属性就行了 .

2.  取消系统的高亮 :

• 可以自定义一个按钮 . 重写里面的 setHighhighted 方法 , 什么也不做就行了 .( 如果调用 super 就相当于没写 )

3.  关于几个按钮只选中一个的方法 :

• 设置一个属性 , 记录上一个选中的按钮 .

• 点击当前按钮时 , 把上一个按钮设置为未选中 , 并把当前按钮设置为选中 , 最后把当前按钮赋值给上一个按钮 .

四、初步自定义

直接上代码，详见注释。

XNTabBarController.h

[objc]  view plain copy

1. #import <UIKit/UIKit.h>  
2.   
3. @interface XNTabBarController : UITabBarController  
4.   
5. @end  

XNTabBarController.m

[objc]  view plain copy

1. //  
2. //  XNTabBarController.m  
3. //  
4. //  
5. //  Created by neng on 14-6-19.  
6. //  Copyright (c) 2014年 neng. All rights reserved.  
7. //  
8.   
9. #import "XNTabBarController.h"  
10. #import "Common.h"  
11. #import "XNTabBarButton.h"  
12.   
13. @interface XNTabBarController ()  
14. /** 
15.  *  设置之前选中的按钮 
16.  */  
17. @property (nonatomic, weak) UIButton *selectedBtn;  
18. @end  
19.   
20. @implementation XNTabBarController  
21.   
22. - (void)viewDidLoad {  
23.     [super viewDidLoad];  
24.     //下面两个方法在开发中是经常会用到的  
25. //    NSLog(@"%s",__func__);  
26. //    NSLog(@"%@",self.view.subviews); //能打印出所有子视图,和其frame  
27.     LogFun;  
28.     LogSubviews(self.view);  
29.   
30.   
31.     //删除现有的tabBar  
32.     CGRect rect = self.tabBar.frame;  
33.     [self.tabBar removeFromSuperview];  //移除TabBarController自带的下部的条  
34.   
35.     //测试添加自己的视图  
36.     UIView *myView = [[UIView alloc] init];  
37.     myView.frame = rect;  
38.     myView.backgroundColor = [UIColor redColor];  
39.     [self.view addSubview:myView];  
40.   
41.     for (int i = 0; i < 5; i++) {  
42.         //UIButton *btn = [[UIButton alloc] init];  
43.         XNTabBarButton *btn = [[XNTabBarButton alloc] init];  
44.           
45.         NSString *imageName = [NSString stringWithFormat:@"TabBar%d", i + 1];  
46.         NSString *imageNameSel = [NSString stringWithFormat:@"TabBar%dSel", i + 1];  
47.   
48.         [btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];  
49.         [btn setImage:[UIImage imageNamed:imageNameSel] forState:UIControlStateSelected];  
50.   
51.         CGFloat x = i * myView.frame.size.width / 5;  
52.         btn.frame = CGRectMake(x, 0, myView.frame.size.width / 5, myView.frame.size.height);  
53.   
54.         [myView addSubview:btn];  
55.           
56.         btn.tag = i;//设置按钮的标记, 方便来索引当前的按钮,并跳转到相应的视图  
57.   
58.         //带参数的监听方法记得加"冒号"  
59.         [btn addTarget:self action:@selector(clickBtn:) forControlEvents:UIControlEventTouchUpInside];  
60.   
61.         //设置刚进入时,第一个按钮为选中状态  
62.         if (0 == i) {  
63.             btn.selected = YES;  
64.             self.selectedBtn = btn;  //设置该按钮为选中的按钮  
65.         }  
66.     }  
67. }  
68.   
69. /** 
70.  *  自定义TabBar的按钮点击事件 
71.  */  
72. - (void)clickBtn:(UIButton *)button {  
73.     //1.先将之前选中的按钮设置为未选中  
74.     self.selectedBtn.selected = NO;  
75.     //2.再将当前按钮设置为选中  
76.     button.selected = YES;  
77.     //3.最后把当前按钮赋值为之前选中的按钮  
78.     self.selectedBtn = button;  
79.       
80.     //4.跳转到相应的视图控制器. (通过selectIndex参数来设置选中了那个控制器)  
81.     self.selectedIndex = button.tag;  
82. }  
83.   
84. @end  

XNTabBarButton.h

[objc]  view plain copy

1. #import <UIKit/UIKit.h>  
2.   
3. @interface XNTabBarButton : UIButton  
4.   
5. @end  

XNTabBarButton.m

[objc]  view plain copy

1. #import "XNTabBarButton.h"  
2.   
3. @implementation XNTabBarButton  
4. /**什么也不做就可以取消系统按钮的高亮状态*/  
5. - (void)setHighlighted:(BOOL)highlighted{  
6. //    [super setHighlighted:highlighted];  
7. }  
8.   
9. @end  

五、代码重构