自定義TabBar
一、XTabBarButton
XTabBarButton.h
#import <UIKit/UIKit.h>
@interface XTabBarButton : UIButton
// 標(biāo)簽
@property (nonatomic, strong) UILabel *label;
// 按鈕
@property (nonatomic, strong) UIButton *btn;
@end
XTabBarButton.m
#define kScreenWidth ([UIScreen mainScreen].bounds.size.width)
#define kTabBarWidth kScreenWidth/3
#import "XTabBarButton.h"
@implementation XTabBarButton
#pragma mark - 創(chuàng)建子控件
- (id)initWithFrame:(CGRect)frame{
self = [super initWithFrame:frame];
if (self) {
// 1爪幻、創(chuàng)建標(biāo)簽
_label = [[UILabel alloc] init];
_label.frame = CGRectMake(0, 49-15, kTabBarWidth, 15);
_label.textAlignment = NSTextAlignmentCenter;
_label.backgroundColor = [UIColor yellowColor];
_label.font = [UIFont systemFontOfSize:12];
[self addSubview:_label];
// 2、創(chuàng)建按鈕
_btn = [[UIButton alloc] init];
_btn.backgroundColor = [UIColor yellowColor];
_btn.frame = CGRectMake((kTabBarWidth-25)/2, 5, 25, 25);
[self addSubview:_btn];
}
return self;
}
@end
二、XTabBar
XTabBar.h
#import <UIKit/UIKit.h>
//導(dǎo)入自定義的XTabBarButton
#import "XTabBarButton.h"
//子控制器數(shù)量=3
#define ChildControllerCount 3
@class XTabBar;
//delegate
@protocol XTabBarDelegate <NSObject>
//delegate methods
// 點(diǎn)擊XTabBarButton后淳附，tabbarController執(zhí)行該方法
- (void)xTabbarClickBtnFrom:(NSInteger)from to:(NSInteger)to;
@end
@interface XTabBar : UIView //繼承自UIView
@property (nonatomic, weak) id<XTabBarDelegate> delegate; //代理
@property (nonatomic, strong) NSArray *tabBarTitleArr; //自定義XTabBar上的標(biāo)題數(shù)組
@property (nonatomic, strong) NSArray *tabBarNormalImgArr; //自定義XTabBar上的正常狀態(tài)圖標(biāo)數(shù)組
@property (nonatomic, strong) NSArray *tabBarSelectedImgArr; //自定義XTabBar上的點(diǎn)擊狀態(tài)圖標(biāo)數(shù)組
@property (nonatomic, strong) NSMutableArray *btnArr; //存放自定義按鈕的可變數(shù)組
@property (nonatomic, strong) UIButton *selectedBtn; //點(diǎn)擊了的按鈕
// 添加自定義按鈕
- (void)addBBIwithTitle:(NSString *)title NormalImageName:(NSString *)normalImage SelectedImageName:(NSString *)selectedImageName;
// 新方法設(shè)置tabbar
- (void)setXTabBar;
@end
XTabBar.m
//寬度宏
#define kScreenWidth ([UIScreen mainScreen].bounds.size.width)
//自定義XTabBarButton的寬度宏
#define kTabBarButtonWidth kScreenWidth/3
#import "XTabBar.h"
@implementation XTabBar
#pragma mark - 懶加載存放按鈕的可變數(shù)組
- (NSMutableArray *)btnArr{
if (!_btnArr) {
_btnArr = [[NSMutableArray alloc] init];
}
return _btnArr;
}
#pragma mark - 設(shè)置子控件的位置
- (void)layoutSubviews{
[super layoutSubviews];
self.backgroundColor = [UIColor whiteColor];
int num = 3;
for (int i = 0; i < num; i++) {
UIButton *btn = self.subviews[i];
btn.frame = CGRectMake(i*kTabBarButtonWidth, 0, kTabBarButtonWidth, 49);
btn.tag = i; //
}
// 點(diǎn)擊第二個(gè)按鈕
if (_btnArr.count == 3) {
// 1、tabBar拿到中間按鈕
XTabBarButton *fistPressBtn = [_btnArr objectAtIndex:1];
// 2蠢古、把中間按鈕傳給點(diǎn)擊方法奴曙，使tabBar控制器直接顯示中間的控制器
[self xTabBarButtonClickWithBtn:fistPressBtn];
}
}
#pragma mark - 添加一個(gè)自定義的按鈕
- (void)addBBIwithTitle:(NSString *)title NormalImageName:(NSString *)normalImage SelectedImageName:(NSString *)selectedImageName{
// 1、創(chuàng)建自定義的按鈕
XTabBarButton *xTabBarButton = [[XTabBarButton alloc] init];
// 2草讶、自定義按鈕的子按鈕與標(biāo)簽不可交互洽糟，設(shè)置label的title
xTabBarButton.btn.userInteractionEnabled = NO;
xTabBarButton.label.userInteractionEnabled = NO;
xTabBarButton.label.text = title;
// 3、自定義按鈕的子按鈕設(shè)置圖片
[xTabBarButton.btn setImage:[UIImage imageNamed:normalImage] forState:UIControlStateNormal];
// 4堕战、自定義按鈕綁定方法
[xTabBarButton addTarget:self action:@selector(xTabBarButtonClickWithBtn:) forControlEvents:UIControlEventTouchDown];
// 5坤溃、沒有title時(shí)
if (title.length == 0) {
// 隱藏label
xTabBarButton.label.alpha = 0;
// 調(diào)整子按鈕的大小
xTabBarButton.btn.frame = CGRectMake(5, 5, 5, 5);
}
// 6、添加自定義的xTabbarButton到自定義tabBar上
[self addSubview:xTabBarButton];
[self.btnArr addObject:xTabBarButton];
}
// 新方法設(shè)置tabbar
- (void)setXTabBar{
_tabBarTitleArr = @[@"資訊",@"",@"我"];
_tabBarNormalImgArr = @[@"tabbarZixunNormal",@"tabbarHomeNormal",@"tabbarMineNormal"];
_tabBarSelectedImgArr = @[@"tabbarZixunSelected",@"tabbarHomeSelected",@"tabbarMineSelected"];
for (int i = 0; i < ChildControllerCount; i++) {
NSString *titleString = [NSString stringWithFormat:@"%@", _tabBarTitleArr[i]];
// 1嘱丢、循環(huán)創(chuàng)建按鈕
XTabBarButton *xTabBarButton = [XTabBarButton new];
// 2薪介、xTabBarButton的子按鈕與標(biāo)簽不可交互
xTabBarButton.btn.userInteractionEnabled = NO;
xTabBarButton.label.userInteractionEnabled = NO;
// 3、設(shè)置標(biāo)簽文字與子按鈕圖片
xTabBarButton.label.text = _tabBarTitleArr[i];
// 3.1屿讽、當(dāng)沒有title時(shí)昭灵，調(diào)整按鈕的位置
if (titleString.length == 0) {
xTabBarButton.label.alpha = 0;
//
// CGPoint center = xTabBarButton.center;
// NSLog(@"center=%f, %f", center.x, center.y);
xTabBarButton.btn.frame = CGRectMake((kTabBarButtonWidth-70)/2, -9, 70, 58);
}
[xTabBarButton.btn setImage:[UIImage imageNamed:_tabBarNormalImgArr[i]] forState:UIControlStateNormal];
// 4、綁定方法
[xTabBarButton addTarget:self action:@selector(xTabBarButtonClickWithBtn:) forControlEvents:UIControlEventTouchDown];
// 5伐谈、打tag
xTabBarButton.tag = i;
// 6烂完、添加到自定義按鈕的數(shù)組
[self.btnArr addObject:xTabBarButton];
// 7、添加創(chuàng)建好的按鈕
[self addSubview:xTabBarButton];
}
}
#pragma mark - 點(diǎn)擊自定義tabbar中的xTabbarButton
- (void)xTabBarButtonClickWithBtn:(UIButton *)btn{
// 1诵棵、遍歷按鈕數(shù)組中的按鈕抠蚣，改變所有按鈕的圖片和標(biāo)簽顏色
for (int i = 0; i < _btnArr.count; i++) {
XTabBarButton *tempBtn = [_btnArr objectAtIndex:i];
tempBtn.label.textColor = [UIColor colorWithRed:70/255.0 green:130/255.0 blue:180/255.0 alpha:1.0];
[tempBtn.btn setImage:[UIImage imageNamed:_tabBarNormalImgArr[i]] forState:UIControlStateNormal];
}
// 2、設(shè)置當(dāng)前按鈕的照片和標(biāo)簽顏色履澳，調(diào)用代理方法
XTabBarButton *preBtn = [btn viewWithTag:btn.tag];
preBtn.label.textColor = [UIColor orangeColor];
[preBtn.btn setImage:[UIImage imageNamed:_tabBarSelectedImgArr[btn.tag]] forState:UIControlStateNormal];
// 3嘶窄、調(diào)用代理方法
if ([self.delegate respondsToSelector:@selector(xTabbarClickBtnFrom:to:)]) {
[self.delegate xTabbarClickBtnFrom:2 to:btn.tag];
}
// 4、更新選中的按鈕
_selectedBtn = btn;
}
@end
三距贷、XTabBarController
XTabBarController.h
#import <UIKit/UIKit.h>
#import "XTabBar.h" //TabBar
@interface XTabBarController : UITabBarController
@property (nonatomic, strong) XTabBar *xTabBar;
@end
XTabBarController.m
#import "XTabBarController.h"
//子控制器個(gè)數(shù) 3個(gè)
#define ChildControllerCount 3
@interface XTabBarController ()<XTabBarDelegate>
@end
@implementation XTabBarController
- (void)viewDidLoad {
[super viewDidLoad];
// 1柄冲、初始化自定義的tabbar，設(shè)置委托
_xTabBar = [[XTabBar alloc] initWithFrame:self.tabBar.frame];
_xTabBar.delegate = self;
// 2忠蝗、添加子控制器 ZixunNavController
ZixunNavController *zxNC = [[ZixunNavController alloc] initWithRootViewController:[ZixunViewController new]];
HomeNavController *homeNC = [[HomeNavController alloc] initWithRootViewController:[HomepageViewController new]];
MineNavController *mineNC = [[MineNavController alloc] initWithRootViewController:[MineViewController new]];
NSArray *viewControllersArr = @[zxNC, homeNC, mineNC];
self.viewControllers = viewControllersArr;
// 3现横、自定義tabbar的方法創(chuàng)建按鈕
[self.xTabBar setXTabBar];
// NSArray *normalImageArr = @[@"tabbarZixunNormal",@"tabbarHomeNormal",@"tabbarMineNormal"];
// NSArray *selectedImageArr = @[@"tabbarZixunSelected",@"tabbarHomeSelected",@"tabbarMineSelected"];
// NSArray *titleArr = @[@"資訊",@"2",@"我的"];
//
// for (int i = 0; i < ChildControllerCount; i++) {
// [self.xTabBar addBBIwithTitle:titleArr[i] NormalImageName:normalImageArr[i] SelectedImageName:selectedImageArr[i]];
// }
// 4、添加自定義tabbar，移除自帶tabbar
[self.view addSubview:_xTabBar];
[self.tabBar removeFromSuperview];
}
#pragma mark - XTabBar delegate Method
- (void)xTabbarClickBtnFrom:(NSInteger)from to:(NSInteger)to{
self.selectedIndex = to;
}
@end
