一. iOS中的TabBarController确实已经很强大了,但是有时候不能满足我们的需求,因此需要自定义TabBar
二.自定义TabBar的总体过程
原则:尽量利用系统自带TabBar,只改需要改的地方。
- 把自带的 TabBar 条给隐藏
- 创建一个 view, 上面放几个按钮 , 设定按钮的点击事件,并设置 selectIndex。
3.关联各个子viewController,覆盖相关事件。(用 tabbar 的 selectedIndex 属性 . 设置这个属性就行了) - 取消系统的高亮 :
可以自定义一个按钮 . 重写里面的 setHighhighted 方法 , 什么也不做即可 - 关于几个按钮只选中一个的方法 :
• 设置一个属性 , 记录上一个选中的按钮 .
• 点击当前按钮时 , 把上一个按钮设置为未选中 , 并把当前按钮设置为选中 , 最后把当前按钮赋值给上一个按钮 .
三.代码如下:
LUTabBarController.h
#import <UIKit/UIKit.h>
@interface LUTabBarController : UITabBarController
@end
LUTabBarController.m
#import "LUTabBarController.h"
#import "LUTabBarButton.h"
#import <UIKit/UIKit.h>
#import <Foundation/Foundation.h>
@interface LUTabBarController ()
/**
* 设置之前选中的按钮
*/
@property (nonatomic, weak) UIButton *selectedBtn;
@end
@implementation LUTabBarController
- (void)viewDidLoad {
[super viewDidLoad];
//删除现有的tabBar
CGRect rect = self.tabBar.frame;
self.tabBar.hidden = YES;//TabBarController自带的下部的条
//测试添加自己的视图
UIView *myView = [[UIView alloc] init];
myView.frame = rect;
myView.backgroundColor = [UIColor whiteColor];
[self.view addSubview:myView];
[self.view bringSubviewToFront:myView];
for (int i = 0; i < 3; i++) {
//UIButton *btn = [[UIButton alloc] init];
LUTabBarButton *btn = [[LUTabBarButton alloc] init];
NSString *imageName = [NSString stringWithFormat:@"lutabBar%d", i + 1];
NSString *imageNameSel = [NSString stringWithFormat:@"lutabBar%dSel", i + 1];
[btn setImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];
[btn setImage:[UIImage imageNamed:imageNameSel] forState:UIControlStateSelected];
CGFloat x = i * myView.frame.size.width / 3;
btn.frame = CGRectMake(x, 0, myView.frame.size.width / 3, myView.frame.size.height);
[myView addSubview:btn];
btn.tag = i;//设置按钮的标记, 方便来索引当前的按钮,并跳转到相应的视图
//带参数的监听方法记得加"冒号"
[btn addTarget:self action:@selector(clickBtn:) forControlEvents:UIControlEventTouchUpInside];
//设置刚进入时,第一个按钮为选中状态
if (0 == i) {
btn.selected = YES;
self.selectedBtn = btn; //设置该按钮为选中的按钮
}
}
}
/**
* 自定义TabBar的按钮点击事件
*/
- (void)clickBtn:(UIButton *)button {
//1.先将之前选中的按钮设置为未选中
self.selectedBtn.selected = NO;
//2.再将当前按钮设置为选中
button.selected = YES;
//3.最后把当前按钮赋值为之前选中的按钮
self.selectedBtn = button;
//4.跳转到相应的视图控制器. (通过selectIndex参数来设置选中了那个控制器)
self.selectedIndex = button.tag;
}
@end
LUTabBarButton.h
#import <UIKit/UIKit.h>
@interface LUTabBarButton : UIButton
@end
LUTabBarButton.m
#import "LUTabBarButton.h"
@implementation LUTabBarButton
/**什么也不做就可以取消系统按钮的高亮状态*/
- (void)setHighlighted:(BOOL)highlighted{
// [super setHighlighted:highlighted];
}
@end
网友评论