两种方式自定义标签工具栏

最新推荐文章于 2021-01-14 09:58:03 发布

pengyuan_D

最新推荐文章于 2021-01-14 09:58:03 发布

阅读量946

点赞数

CC 4.0 BY-SA版权

分类专栏： UI初级文章标签：标签工具栏 UITabBarButton

本文链接：https://blog.youkuaiyun.com/pengyuan_D/article/details/40683153

UI初级专栏收录该内容

72 篇文章

订阅专栏

在AppDelegate.m中设置根视图控制器

MainTabbarController.h

@interface MainTabbarController : UITabBarController
{
    UIImageView *_selectedImg;
    UIView *_tabbarView;
}

- (void)showtabbar:(BOOL)show;

MainTabbarController.m

#import "MainTabbarController.h"
#import "BaseNavgationController.h"
#import "HomeViewController.h"
#import "SquleViewController.h"
#import "SearchViewController.h"
#import "CommentViewController.h"
#import "MessageViewController.h"

@interface MainTabbarController ()

@end

@implementation MainTabbarController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    //创建三级控制器
    [self _initViewCtrl];
    
    //自定义标签工具栏
//    [self _initTabbarView];
    [self _newInitTabarView];
}


//创建三级控制器
- (void)_initViewCtrl {

    //创建一级视图控制器
    HomeViewController *homeCtrl = [[HomeViewController alloc] init];
    SquleViewController *squleCtrl =[[SquleViewController alloc] init];
    SearchViewController *searchCtrl =[[SearchViewController alloc] init];
    CommentViewController *commentCtrl = [[CommentViewController alloc] init];
    MessageViewController *messageCtrl = [[MessageViewController alloc] init];
    
    NSArray *viewCtrls = @[homeCtrl,squleCtrl,searchCtrl,commentCtrl,messageCtrl];
    
    //创建二级导航控制器
    /*
    BaseNavgationController *navCtrl1 = [[BaseNavgationController alloc] initWithRootViewController:homeCtrl];
    BaseNavgationController *navCtrl2 = [[BaseNavgationController alloc] initWithRootViewController:squleCtrl];
    BaseNavgationController *navCtrl3 = [[BaseNavgationController alloc] initWithRootViewController:searchCtrl];
    BaseNavgationController *navCtrl4 = [[BaseNavgationController alloc] initWithRootViewController:commentCtrl];
    BaseNavgationController *navCtrl5 = [[BaseNavgationController alloc] initWithRootViewController:messageCtrl];
     */
    //使用循环创建
    
    NSMutableArray *navCtrls = [[NSMutableArray alloc] initWithCapacity:5];
    
    for (int i=0; i<5; i++) {
        UIViewController *viewCtrl = viewCtrls[i];
        BaseNavgationController *navCtrl = [[BaseNavgationController alloc] initWithRootViewController:viewCtrl];
        //将控制器添加到数组中
        [navCtrls addObject:navCtrl];
    }
    
    //将导航控制器存放到数组中
//    NSArray *navCtrls = @[navCtrl1,navCtrl2,navCtrl3,navCtrl4,navCtrl5];
    
    //创建三级标签控制器
    self.viewControllers = navCtrls;
    
}

//自定义工具栏
- (void)_initTabbarView {

    //1.隐藏默认生成的工具栏
    self.tabBar.hidden = YES;
    
    //2.创建工具栏的视图
    _tabbarView = [[UIView alloc] initWithFrame:CGRectMake(0, 480-49, 320, 49)];
    _tabbarView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"navbg"]];
    [self.view addSubview:_tabbarView];
    
    //3.添加子视图按钮
    for (int i=0; i<5; i++) {
        //设置按钮的图片的名字
        NSString *name = [NSString stringWithFormat:@"%d",i+1];
        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        [button setImage:[UIImage imageNamed:name] forState:UIControlStateNormal];
        button.tag = i;
        button.frame = CGRectMake((64-42)/2+64*i, (49-44)/2, 42, 44);
        [button addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
        [_tabbarView addSubview:button];
    }
    
    //4.创建选中图片
    _selectedImg = [[UIImageView alloc] initWithFrame:CGRectMake((64-53)/2, (49-45)/2, 53, 45)];
    _selectedImg.image = [UIImage imageNamed:@"选中"];
    [_tabbarView addSubview:_selectedImg];
    
}

//2.方式二：保留tabbar的自定义工具栏
- (void)_newInitTabarView {

<strong><span style="color:#cc0000;">    //1.移除工具栏上所有的按钮</span></strong>
    //取得所欲的子视图
    NSArray *subViews = [self.tabBar subviews];
//    NSLog(@"-----subViews:%@",subViews);
    //移除UITabBarButton的对象
    for (UIView *view in subViews) {
        //将UITabBarButton类型的对象移除
        
        //将UITabBarButton转换成类名
        Class class = NSClassFromString(@"UITabBarButton");
        
        //移除视图
        if ([view isKindOfClass:class]) {
            [view removeFromSuperview];
        }
    }
    
    //2.设置tabbarView的背景颜色
    [self.tabBar setBackgroundImage:[UIImage imageNamed:@"navbg"]];
    
    //3.添加子视图按钮
    for (int i=0; i<5; i++) {
        //设置按钮的图片的名字
        NSString *name = [NSString stringWithFormat:@"%d",i+1];
        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        [button setImage:[UIImage imageNamed:name] forState:UIControlStateNormal];
        button.tag = i;
        button.frame = CGRectMake((64-42)/2+64*i, (49-44)/2, 42, 44);
        [button addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
        [self.tabBar addSubview:button];
    }
    
    //4.创建选中图片
    _selectedImg = [[UIImageView alloc] initWithFrame:CGRectMake((64-53)/2, (49-45)/2, 53, 45)];
    _selectedImg.image = [UIImage imageNamed:@"选中"];
    [self.tabBar addSubview:_selectedImg];
}

- (void)buttonAction:(UIButton *)button {

    //切换试图
    self.selectedIndex = button.tag;
    
    [UIView beginAnimations:NULL context:nil];
    [UIView setAnimationDuration:.3];
    
    _selectedImg.center = button.center;
    
    //关闭动画
    [UIView commitAnimations];
    
    
}

//是否显示标签工具栏
- (void)showtabbar:(BOOL)show {

//    _tabbarView.frame.origin.x = -320;    错误
    CGRect frame = _tabbarView.frame;
    
    if (show) {
        //显示
        frame.origin.x = 0;
    }else {
        frame.origin.x = -320;
    }
    
    [UIView beginAnimations:nil context:nil];
    [UIView setAnimationDuration:.35];
    
    _tabbarView.frame = frame;
    
    [UIView commitAnimations];
    
}



@end

创建导航控制器父类，方便统一设置导航栏

BaseNavgationController.m

- (void)viewDidLoad
{
    [super viewDidLoad];

    [self.navigationBar setBackgroundImage:[UIImage imageNamed:@"navbar_bg_normal1"] forBarMetrics:UIBarMetricsDefault];
    
}

HomeViewController.m

#import "HomeViewController.h"
#import "DetailViewController.h"
#import "MainTabbarController.h"

@interface HomeViewController ()

@end

@implementation HomeViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
        self.title = @"个人中心";
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    //创建按钮
    UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    button.backgroundColor = [UIColor greenColor];
    button.frame = CGRectMake(90, 90, 90, 50);
    [button addTarget:self action:@selector(buttonAction) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:button];
    
}

- (void)buttonAction
{

    DetailViewController *detailCtrl = [[DetailViewController alloc] init];
    
    [self.navigationController pushViewController:detailCtrl animated:YES];
    
    //隐藏工具栏
     MainTabbarController *mainCtrl = (MainTabbarController *)self.tabBarController;
    [mainCtrl showtabbar:NO];
}



@end

DetailViewController.m

#import "DetailViewController.h"
#import "MainTabbarController.h"

@interface DetailViewController ()

@end

@implementation DetailViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // 视图在push过来的时候将标签栏移除
        self.hidesBottomBarWhenPushed = YES;
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.title = @"详情";
    
    self.view.backgroundColor = [UIColor redColor];
    
}

- (void)viewWillDisappear:(BOOL)animated {

    [super viewWillDisappear:animated];
    
    //注意：视图控制器可以越级取得标签工具栏
    MainTabbarController *mainCtrl = (MainTabbarController *)self.tabBarController;
    
    //显示工具栏
    [mainCtrl showtabbar:YES];
    
}

SquleViewController.m

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        self.title = @"广场";
    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.view.backgroundColor = [UIColor greenColor];
    
}

SearchViewController.m

CommentViewController.m

MessageViewController.m

这三个文件与SquleViewController.m一致，只设置了title和backgroundColor