完全自定义 TabBar

//
//  CustomTabBarController.h
//  Dream
//
//  Created by mac on 14-10-17.
//  Copyright (c) 2014年 ninglihuan. All rights reserved.
//

//标记一下方向
typedef enum
{
    ZYSlideDirectionRight = 0,
    ZYSlideDirectionLeft
    
} ZYSlideDirection;

#import <UIKit/UIKit.h>

@interface CustomTabBarController : UIViewController<UINavigationControllerDelegate>
{
    UIView *_myTabBarView;
}
@property (retain, nonatomic) NSArray *viewControllers;
@property (retain, nonatomic) NSArray *previousNavViewController;
@property (retain, nonatomic) NSArray *buttonArray;
@property (retain, nonatomic) NSArray *normalImageArray;
@property (retain, nonatomic) NSArray *highLightImageArray;
@property (retain, nonatomic) NSArray *nameArray;
@property (assign, nonatomic) int selectedIndex;

- (instancetype)initWithNormalImage:(NSArray *)normalImageArray highLightImage:(NSArray *)highLightImageArray BtnName:(NSArray *)nameArray;

- (void)tabBarButtonClick:(id)sender;

- (void)showTabBar:(ZYSlideDirection)direction animated:(BOOL)isAnimated;
- (void)hideTabBar:(ZYSlideDirection)direction animated:(BOOL)isAnimated;

@end
//
//  CustomTabBarController.m
//  Dream
//
//  Created by mac on 14-10-17.
//  Copyright (c) 2014年 ninglihuan. All rights reserved.
//

//动画持续时间,该时间与压栈和出栈时间相当
#define SLIDE_ANIMATION_DURATION 0.33

#import "CustomTabBarController.h"
#import "Header.h"

@interface CustomTabBarController ()
@property (retain, nonatomic) NSArray *labArray;
@property (retain, nonatomic) NSArray *imageArray;
@end

@implementation CustomTabBarController

- (void)dealloc
{
    [_myTabBarView release];
    self.viewControllers = nil;
    self.normalImageArray = nil;
    self.highLightImageArray = nil;
    self.nameArray = nil;
    self.previousNavViewController = nil;
    self.buttonArray = nil;
    self.labArray = nil;
    self.imageArray = nil;
    [super dealloc];
}

- (instancetype)initWithNormalImage:(NSArray *)normalImageArray highLightImage:(NSArray *)highLightImageArray BtnName:(NSArray *)nameArray
{
    if (self = [super init])
    {
        _selectedIndex = -1;
        self.normalImageArray = normalImageArray;
        self.highLightImageArray = highLightImageArray;
        self.nameArray = nameArray;
        
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    self.view.backgroundColor = [UIColor whiteColor];
    
    _myTabBarView = [[UIView alloc]initWithFrame:CGRectMake(0, 980, 768, 44)];
    [self.view addSubview:_myTabBarView];
    
    
    UIImageView *image = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"adv_bottom.png"]];
    image.frame = CGRectMake(0, 0, 768, 2);
    [_myTabBarView addSubview:image];
    [image release];
    
    
    NSMutableArray *arrayB = [NSMutableArray array];
    NSMutableArray *arrayI = [NSMutableArray array];
    NSMutableArray *arrayL = [NSMutableArray array];
    
    for (int i = 0; i < _nameArray.count; i ++)
    {
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        btn.frame = CGRectMake(204+100*i, 2, 60, 40);
        btn.tag = i;
//        [btn setImage:[UIImage imageNamed:_normalImageArray[i]] forState:UIControlStateNormal];
//        [btn setImage:[UIImage imageNamed:_highLightImageArray[i]] forState:UIControlStateSelected];
        [btn addTarget:self action:@selector(tabBarButtonClick:) forControlEvents:UIControlEventTouchUpInside];
        [_myTabBarView addSubview:btn];
        [arrayB addObject:btn];
        
        
        UIImageView *imageView= [[UIImageView alloc]initWithFrame:CGRectMake(15, 3, 30, 20)];
        imageView.image = [UIImage imageNamed:_normalImageArray[i]];
        imageView.highlightedImage = [UIImage imageNamed:_highLightImageArray[i]];
        [btn addSubview:imageView];
        
        [arrayI addObject:imageView];
        [imageView release];
        
        UILabel *lab = [[[UILabel alloc]init] autorelease];
        lab.text = _nameArray[i];
        lab.textAlignment = NSTextAlignmentCenter;
        lab.font = [UIFont systemFontOfSize:12];
        lab.frame = CGRectMake(0, 25, 60, 10);
        [btn addSubview:lab];
        
        [arrayL addObject:lab];
        [lab release];
    }
    self.buttonArray = arrayB;
    self.imageArray = arrayI;
    self.labArray = arrayL;
    
    if (_selectedIndex == -1)
    {
        self.selectedIndex = 0;
    }
    else
    {
        self.selectedIndex = _selectedIndex;
    }
    
    
}


- (void)setSelectedIndex:(int)selectedIndex
{
    //如果索引值没有改变不做其他操作
    if (_selectedIndex == selectedIndex) return;
    
    if (_selectedIndex >= 0)
    {
        //找出对应索引的视图控制器
        UIViewController *priviousViewController = [_viewControllers objectAtIndex:_selectedIndex];
        //移除掉
        [priviousViewController.view removeFromSuperview];
        
        UIButton *btn = _buttonArray[_selectedIndex];
        btn.selected = NO;
        
        UILabel *lab = _labArray[_selectedIndex];
        lab.textColor = [UIColor blackColor];
        
        UIImageView *image = _imageArray[_selectedIndex];
        image.image = [UIImage imageNamed:_normalImageArray[_selectedIndex]];
        
    }
    
    //记录一下当前的索引
    _selectedIndex = selectedIndex;
    
    //获得对应的按钮并且设置为高亮状态下的图片
    UIButton *currentButton = _buttonArray[_selectedIndex];
    currentButton.selected = YES;
    UILabel *lab = _labArray[_selectedIndex];
    lab.textColor = PINK(0.6);
    UIImageView *image = _imageArray[_selectedIndex];
    image.image = [UIImage imageNamed:_highLightImageArray[_selectedIndex]];
    
    //获得对应的视图控制器
    UIViewController *currentViewController = [_viewControllers objectAtIndex:_selectedIndex];
    
    //如果此条件成立表示当前是第一个,即“导航控制器”
    if ([currentViewController isKindOfClass:[UINavigationController class]])
    {
        //设置导航控制器的代理
        ((UINavigationController *)currentViewController).delegate = self;
    }
    //设置当前视图的大小
    currentViewController.view.frame = CGRectMake(0, 0, 768, self.view.bounds.size.height - 43);
    
    //添加到Tab上
    [self.view addSubview:currentViewController.view];
    
    //把视图放到TabBar下面
    [self.view sendSubviewToBack:currentViewController.view];

}

- (void)tabBarButtonClick:(id)sender
{
    //获得索引
    UIButton *btn = (UIButton *)sender;
    int index = (int)btn.tag;
    
    //用self.赋值默认会调set方法
    self.selectedIndex = index;
}

#pragma mark -
#pragma mark UINavigationControllerDelegate

- (void)navigationController:(UINavigationController *)navigationController willShowViewController:(UIViewController *)viewController animated:(BOOL)animated
{
//    NSLog(@"vc is %@",viewController);
    /*
     第一次加载根视图:previousNavViewController当前导航控制器里面的视图控制器数组
     之后显示视图:previousNavViewController操作前的视图控制器数组
     */
    if (!_previousNavViewController)
    {
        //导航控制器中的视图数组
        self.previousNavViewController = navigationController.viewControllers;
    }
    
    /*
     是否为压栈的标记,初始化为NO
     如果原来的控制器数不大于当前导航的视图控制器数表示是压栈
     */
    BOOL isPush = NO;
    
    if ([_previousNavViewController count] <= [navigationController.viewControllers count])
    {
        isPush = YES;
    }
    
    /*
     上一个视图控制器当压栈的时候底部条是否隐藏
     当前视图控制器当压栈的时候底部条是否隐藏
     这两个视图控制器有可能是同一个
     */
    BOOL isPreviousHidden = [[_previousNavViewController lastObject] hidesBottomBarWhenPushed];
    
    BOOL isCurrentHidden = viewController.hidesBottomBarWhenPushed;
    //    [[navigationController.viewControllers lastObject] hidesBottomBarWhenPushed]
    
    //重新记录当前导航器中的视图控制器数组
    self.previousNavViewController = navigationController.viewControllers;
    
    /*
     如果状态相同不做其他操作
     如果上一个显示NO,这个隐藏YES,则隐藏TabBar
     如果上一个隐藏YES,这个显示NO,则显示TabBar
     */
    if (!isPreviousHidden && !isCurrentHidden)
    {
        return;
    }
    else if(isPreviousHidden && isCurrentHidden)
    {
        return;
    }
    else if(!isPreviousHidden && isCurrentHidden)
    {
        //隐藏tabbar 压栈
        [self hideTabBar:isPush ? ZYSlideDirectionLeft : ZYSlideDirectionRight  animated:animated];
    }
    else if(isPreviousHidden && !isCurrentHidden)
    {
        //显示tabbar 出栈
        [self showTabBar:isPush ? ZYSlideDirectionLeft : ZYSlideDirectionRight animated:animated];
    }
    
}

/*
 显示底部TabBar相关
 需要重置当前视图控制器View的高度为整个屏幕的高度-TabBar的高度
 */
- (void)showTabBar:(ZYSlideDirection)direction animated:(BOOL)isAnimated
{
    //根据压栈还是出栈设置TabBar初始位置
    CGRect tempRect = _myTabBarView.frame;
    tempRect.origin.x = self.view.bounds.size.width * ( (direction == ZYSlideDirectionRight) ? -1 : 1);
    _myTabBarView.frame = tempRect;
    
    //执行动画
    [UIView animateWithDuration:isAnimated ? SLIDE_ANIMATION_DURATION : 0 delay:0 options:0 animations:^
     {
         //动画效果
         CGRect tempRect = _myTabBarView.frame;
         tempRect.origin.x = 0;
         _myTabBarView.frame = tempRect;
         
     }
                     completion:^(BOOL finished)
     {
         //动画结束时
         //重置当前视图控制器View的高度为整个屏幕的高度-TabBar的高度
         UIViewController *currentViewController = [_viewControllers objectAtIndex:_selectedIndex];
         
         CGRect viewRect = currentViewController.view.frame;
         viewRect.size.height = self.view.bounds.size.height - 43;
         currentViewController.view.frame = viewRect;
     }];
}

/*
 隐藏底部TabBar相关
 需要重置当前视图控制器View的高度为整个屏幕的高度
 */
- (void)hideTabBar:(ZYSlideDirection)direction animated:(BOOL)isAnimated
{
    //获得当前视图控制器
    UIViewController *currentViewController = [_viewControllers objectAtIndex:_selectedIndex];
    //重置高度
    CGRect viewRect = currentViewController.view.frame;
    viewRect.size.height = self.view.bounds.size.height;
    currentViewController.view.frame = viewRect;
    
    //设置TabBar的位置
    CGRect tempRect = _myTabBarView.frame;
    tempRect.origin.x = 0;
    _myTabBarView.frame = tempRect;
    
    //采用Block的形式开启一个动画
    [UIView animateWithDuration:isAnimated ? SLIDE_ANIMATION_DURATION : 0 delay:0 options:0 animations:^(void)
     {
         //根据压栈还是出栈设置动画效果
         CGRect tempRect = _myTabBarView.frame;
         tempRect.origin.x = self.view.bounds.size.width * (direction == ZYSlideDirectionLeft ? -1 : 1);
         _myTabBarView.frame = tempRect;
         
     }
                     completion:^(BOOL finished){}
     ];
}




@end
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355

推荐阅读更多精彩内容