iOS自定义tabBar

1.创建一个ZQNTabBarButton类继承UIButton

.h中写入

#import <UIKit/UIKit.h>

@interface ZQNTabBarButton : UIButton

@property (nonatomic,strong)UITabBarItem * item;

@end

.m中写入

#import "ZQNTabBarButton.h"

#define ZQNImageRidio 0.7

@implementation ZQNTabBarButton

-(instancetype)initWithFrame:(CGRect)frame{

    self = [super initWithFrame:frame];

    if (self) {

        [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

        

        [self setTitleColor:[UIColor orangeColor] forState:UIControlStateSelected];

        

        self.imageView.contentMode = UIViewContentModeCenter;

        

        self.titleLabel.textAlignment = NSTextAlignmentCenter;

        

        self.titleLabel.font = [UIFont systemFontOfSize:12];

    }

    return self;

}

-(void)layoutSubviews{

    [super layoutSubviews];

    CGFloat imageX = 0;

    

    CGFloat imageY = 0;

    

    CGFloat imageW = self.bounds.size.width;

    

    CGFloat imageH = self.bounds.size.height * ZQNImageRidio;

    

    self.imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);

    

    CGFloat titleX = 0;

    

    CGFloat titleY = imageH - 3;

    

    CGFloat titleW = self.bounds.size.width;

    

    CGFloat titleH = self.bounds.size.height - titleY;

    

    self.titleLabel.frame = CGRectMake(titleX, titleY, titleW, titleH);

}

-(void)setItem:(UITabBarItem *)item

{

    _item = item;

    //不能漏掉，

    [self observeValueForKeyPath:nil ofObject:nil change:nil context:nil];

    

    [item addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:nil];

    

    [item addObserver:self forKeyPath:@"image" options:NSKeyValueObservingOptionNew context:nil];

    

    [item addObserver:self forKeyPath:@"selectedImage" options:NSKeyValueObservingOptionNew context:nil];

}

-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id> *)change context:(void *)context{

    

    [self setTitle:_item.title forState:UIControlStateNormal];

    

    [self setImage:_item.image forState:UIControlStateNormal];

    

    [self setImage:_item.selectedImage forState:UIControlStateSelected];

    

}

-(void)dealloc{

    [self.item removeObserver:self forKeyPath:@"title"];

    [self.item removeObserver:self forKeyPath:@"image"];

    [self.item removeObserver:self forKeyPath:@"selectedImage"];

}

2.创建一个ZQNTabBar类继承UIView

.h中写入

#import <UIKit/UIKit.h>

@class ZQNTabBar;

@protocol ZQNTabBarDelegate <NSObject>

//点击item

-(void)tabBar:(ZQNTabBar *)tabBar didClickButton:(NSInteger)index;

//点击中间的大按钮

-(void)didClickCenterButton;

@end

@interface ZQNTabBar : UIView

//接收传进来的tabBarItem

@property(nonatomic, strong)NSArray *items;

@property(nonatomic, assign)id<ZQNTabBarDelegate>delegate;

@end

.m中写入

#import "ZQNTabBar.h"

#import "ZQNTabBarButton.h"

@interface ZQNTabBar()

//按钮的个数

@property(nonatomic, strong)NSMutableArray *buttons;

//选中的按钮

@property(nonatomic, strong)UIButton *selectedButton;

//中间的大按钮

@property(nonatomic, strong)UIButton *plusButton;

@end

@implementation ZQNTabBar

-(UIButton *)plusButton{

    

    if (!_plusButton) {

        

        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];

        [btn setImage:[UIImage imageNamed:@"center"] forState:UIControlStateNormal];

        

        [btn setImage:[UIImage imageNamed:@"centerClick"] forState:UIControlStateHighlighted];

        

        [btn sizeToFit];

        

        [btn addTarget:self action:@selector(didSelected) forControlEvents:UIControlEventTouchUpInside];

        

        _plusButton = btn;

        

        [self addSubview:_plusButton];

        

    }

    return _plusButton;

}

-(NSMutableArray *)buttons{

    

    if (!_buttons) {

        _buttons = [NSMutableArray array];

    }

    

    return _buttons;

    

}

//中间大按钮的点击事件

-(void)didSelected{

    

    if ([self.delegate respondsToSelector:@selector(didClickCenterButton)]) {

        [self.delegate performSelector:@selector(didClickCenterButton)];

    }

    

    

}

//重新布局的时候调用, 调整按钮的位置

- (void)layoutSubviews{

    [super layoutSubviews];

    CGFloat W = self.bounds.size.width;

    

    CGFloat H = self.bounds.size.height;

    

    CGFloat btnX = 0;

    

    CGFloat btnY = 0;

    

    CGFloat btnW = W / (self.items.count + 1);

    

    CGFloat btnH = self.bounds.size.height;

    

    int i = 0;

    

    for (UIView *tabaBarButton in self.buttons) {

        

        if (i == 2) {

            i = 3;

        }

        

        btnX = i * btnW;

        

        tabaBarButton.frame = CGRectMake(btnX, btnY, btnW, btnH);

        i++;

        

    }

    

    self.plusButton.center = CGPointMake(W*0.5, H*0.5-10);

}

-(void)setItems:(NSArray *)items{

    

    _items = items;

    

    for (UITabBarItem *item in _items) {

        

        ZQNTabBarButton *btn = [ZQNTabBarButton buttonWithType:UIButtonTypeCustom];

        

        btn.item = item;

        

        btn.tag = self.buttons.count;

        

        [btn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];

        

        if (btn.tag == 0) { // 选中第0个

            [self btnClick:btn];

            

        }

        

        [self addSubview:btn];

        

        [self.buttons addObject:btn];

        

    }

    

}

-(void)btnClick:(UIButton *)btn{

    

    _selectedButton.selected = NO;

    

    btn.selected = YES;

    

    _selectedButton = btn;

    

    if ([_delegate respondsToSelector:@selector(tabBar:didClickButton:)]) {

        

        [_delegate tabBar:self didClickButton:btn.tag];

        

    }

    

}

3.创建ZQNNavigationController 继承 UINavigationController

.h中写入

#import <UIKit/UIKit.h>

@interface ZQNNavigationController : UINavigationController

@end

.m中写入

#import "ZQNNavigationController.h"

@interface ZQNNavigationController ()<UIGestureRecognizerDelegate>

@end

@implementation ZQNNavigationController

- (void)viewDidLoad {

    [super viewDidLoad];

//重写UINavigationController侧滑返回手势。（添加navigationItem.leftBarButtonItem时，系统的侧滑返回不可使用，重写后可以）

    UIGestureRecognizer *gesture = self.interactivePopGestureRecognizer;

    NSMutableArray *targets = [gesture valueForKey:@"_targets"];

    id target = [targets firstObject];

    id tar = [target valueForKey:@"target"];

    NSLog(@"%@",tar);

    SEL action = NSSelectorFromString(@"handleNavigationTransition:");

    UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc]initWithTarget:tar action:action];

    pan.delegate = self;

    [gesture.view addGestureRecognizer:pan];

    gesture.enabled = NO;

}

- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{

    if (self.viewControllers.count <= 1) {

        return NO;

    }else{

        return YES;

    }

}

+ (void)initialize{

    UIBarButtonItem *barItem = [UIBarButtonItem appearance];

    NSMutableDictionary *attr = [NSMutableDictionary dictionary];

    attr[NSForegroundColorAttributeName] = [UIColor orangeColor];

    [barItem setTitleTextAttributes:attr forState:UIControlStateNormal];

    NSMutableDictionary *disableAttrs = [NSMutableDictionary dictionary];

    disableAttrs[NSForegroundColorAttributeName] = [UIColor lightGrayColor];

    [barItem setTitleTextAttributes:disableAttrs forState:UIControlStateDisabled];

    

}

4.创建HomeViewController继承 UIViewController,MyViewController继承 UIViewController,

AboutViewController继承 UIViewController,CenterViewController继承 UIViewController

  

5.创建ZQNTableViewController继承 UITabBarController

.h中写入

#import <UIKit/UIKit.h>

@interface ZQNTableViewController : UITabBarController

@end

.m中写入

#import "ZQNTableViewController.h"

#import "ZQNNavigationController.h"

#import "ZQNTabBar.h"

#import "CenterViewController.h"

#import "ViewController.h"

#import "HomeViewController.h"

#import "MyViewController.h"

#import "AboutViewController.h"

@interface ZQNTableViewController ()<ZQNTabBarDelegate>

@property(nonatomic, strong)NSMutableArray *items;

@end

@implementation ZQNTableViewController

-(NSMutableArray *)items{

    

    if (!_items) {

        

        _items = [NSMutableArray array];

        

    }

    

    return _items;

    

}

/**

 *  第一次使用这个类的时候调用这个方法

 */

+(void)initialize{

    UITabBarItem *appearance = [UITabBarItem appearance];

    NSDictionary *attDic = @{NSForegroundColorAttributeName:[UIColor orangeColor]};

    [appearance setTitleTextAttributes:attDic forState:UIControlStateSelected];

    NSDictionary *attDicNor = @{NSForegroundColorAttributeName:[UIColor greenColor]};

    [appearance setTitleTextAttributes:attDicNor forState:UIControlStateNormal];

}

- (void)viewDidLoad {

    [super viewDidLoad];

    //初始化所有的子控制器

    [self initChildControllers];

    //添加自定义tabbar

    [self addCustomTabBar];

//    /** 设置系统tabar工具条的背景图片 */

//    [self.tabBar setBackgroundImage:[UIImage imageNamed:@"tabbar-light"]];

    

}

/**

 *  添加自定义tabbar

 */

- (void)addCustomTabBar{

    ZQNTabBar *tabBar = [[ZQNTabBar alloc]initWithFrame:self.tabBar.frame];

    

    

    tabBar.backgroundColor = [UIColor whiteColor];

    

    tabBar.delegate = self;

    

    tabBar.items = self.items;

    //添加自定义的tabbar

    [self.view addSubview:tabBar];

    //从试图中移除系统的tabbar

    [self.tabBar removeFromSuperview];

    }

#pragma mark--ZQNTabBarDelegate

//点击item

-(void)tabBar:(ZQNTabBar *)tabBar didClickButton:(NSInteger)index{

    self.selectedIndex = index;

}

//点击中间的大按钮

-(void)didClickCenterButton{

     NSLog(@"点击了中间的按钮");

    CenterViewController *centerVC = [[CenterViewController alloc]init];

    ZQNNavigationController *nav = [[ZQNNavigationController alloc]initWithRootViewController:centerVC];

    [self presentViewController:nav animated:YES completion:nil];

}

-(void)initChildControllers

{

    //添加首页

    HomeViewController *homeVC = [[HomeViewController alloc]init];

    [self addChildViewController:homeVC title:@"首页" imageName:@"tabBar_essence_icon" selectedImageName:@"tabBar_essence_click_icon"];

    //添加我的

    MyViewController *myVC = [[MyViewController alloc]init];

    [self addChildViewController:myVC title:@"我的" imageName:@"tabBar_friendTrends_icon" selectedImageName:@"tabBar_friendTrends_click_icon"];

    //添加关于

    AboutViewController *aboutVC = [[AboutViewController alloc]init];

    [self addChildViewController:aboutVC title:@"历史" imageName:@"tabBar_new_icon"  selectedImageName:@"tabBar_new_click_icon"];

    //添加其他

    ViewController *vc = [[ViewController alloc]init];

    [self addChildViewController:vc title:@"关于" imageName:@"tabBar_me_icon"  selectedImageName:@"tabBar_me_click_icon"];

}

/**

 *  添加一个ChildViewController

 *

 *  @param viewController    子控制器

 *  @param title             标题

 *  @param imageName         图片的名字

 *  @param selectedImageName 选中图片的名字

 */

- (void)addChildViewController:(UIViewController *)viewController title:(NSString *)title imageName:(NSString *)imageName selectedImageName:(NSString *)selectedImageName{

    UITabBarItem *item = [[UITabBarItem alloc]init];

    item.image = [UIImage imageNamed:imageName];

    UIImage *selectedImage = [UIImage imageNamed:selectedImageName];

    item.selectedImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

    

    viewController.tabBarItem = item;

    [self.items addObject:viewController.tabBarItem];

    ZQNNavigationController *nav = [[ZQNNavigationController alloc]initWithRootViewController:viewController];

    viewController.title = title;

    

    [self addChildViewController:nav];

}

6.修改AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];

    self.window.rootViewController = [[ZQNTableViewController alloc]init];

        //使window可见

    [self.window makeKeyAndVisible];

    return YES;

}