UITabBarController 【标签控制器】自己的见解

来源:互联网 发布:耳机声音放大器软件 编辑:程序博客网 时间:2024/05/16 16:22


 UITabBarController解释:当应用程序需要分为几个相对独立的部分的时候,可以考虑使用UITabBarControler组合多个视图控制器,而UITabBarControler将会在底部提供一个UITabBar,随着用户的点击不同的标签,整个应用可以呈现不同的部分。



UITabBarController  UINavigationController类似 

UITabBarController可以轻松管理过个控制器,完成多个控制器之间的切换。当程序需要分成几个相对独立的部分的时候,可以考虑他来组个多个视图控制器,会在 底部提供一个UITabBar,随着用户点击不同的标签项,整个应用可以呈现完全不同的部分。例如:QQ 微信 下面的控件。


1 初始化UITabBarController

2 设置UIWindowrootViewControllwe

3创建响应的子控制器

4 把自控制器添加到UITabBarController



1: 当在AppDelegate.h里面直接设置根视图控制器。这样打开APP直接进入的界面就是UITabBarController的界面


#import "AppDelegate.h"



@implementation YYAppDelegate


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    //1.创建Window
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    self.window.backgroundColor = [UIColor whiteColor];
    
    //a.初始化一个tabBar控制器
    UITabBarController *tb=[[UITabBarController alloc]init];
    //设置控制器为Window的根控制器
    self.window.rootViewController=tb;
    
    //b.创建子控制器
    UIViewController *c1=[[UIViewController alloc]init];
    c1.view.backgroundColor=[UIColor grayColor];
    c1.tabBarItem.title=@"消息";
    c1.tabBarItem.image=[UIImage imageNamed:@"tab_recent_nor"];
    //提醒数字 此外UITabBarItem还有一个属性badgeValue,通过设置该属性可以在其右上角显示一个小的角标,通常用于提示用户有新的消息
    c1.tabBarItem.badgeValue=@"123";
    
    UIViewController *c2=[[UIViewController alloc]init];
    c2.view.backgroundColor=[UIColor brownColor];
    c2.tabBarItem.title=@"联系人";
    c2.tabBarItem.image=[UIImage imageNamed:@"tab_buddy_nor"];
    
    UIViewController *c3=[[UIViewController alloc]init];
    c3.view.backgroundColor=[UIColor greenColor];
    c3.tabBarItem.title=@"动态";
    c3.tabBarItem.image=[UIImage imageNamed:@"tab_qworld_nor"];
    
    UIViewController *c4=[[UIViewController alloc]init];
    c4.view.backgroundColor=[UIColor blueColor];
    c4.tabBarItem.title=@"设置";
    c4.tabBarItem.image=[UIImage imageNamed:@"tab_me_nor"];
    
    
    //c.添加子控制器到ITabBarController中
    //c.1第一种方式
    //    [tb addChildViewController:c1];
    //    [tb addChildViewController:c2];
    
    //c.2第二种方式
    tb.viewControllers=@[c1,c2,c3,c4];
    
    
    //2.设置Window为主窗口并显示出来
    [self.window makeKeyAndVisible];
    return YES;
}


@end



2:第一种方法是在AppDelegate里使用Tabbar,这样的程序打开就是TabbarView了,有时候我们需要给程序做一些帮助页面,或者登录页面,之后才跳转到tabbar View里,或者后面的页面才使用Tabbar的,那这样怎么实现呢?




1 创建一个类 ,类名:TabBarViewController 这个需要继承的UITabBarController。

2 分别创建 OneController TwoController ThreeController 都是继承自UIViewController

3 在ViewController类里面,自定义按钮,设置监听事件。

- (void)clickAction{

    //定义一个可变数组,用于保存UIViewController对象。

    NSMutableArray *items = [[NSMutableArrayalloc]init];

    OneController *testOne = [[OneControlleralloc]init];

    [items addObject:testOne];

    TwoController *testOnetwo = [[TwoControlleralloc]init];

    [items addObject:testOnetwo];

    ThreeController *testOnethree = [[ThreeControlleralloc]init];

    [items addObject:testOnethree];  

    //初始化TabBarController

    TabBarViewController *tabBar = [[TabBarViewControlleralloc]init];

    [tabBar setTitle:@"测试"];

    // items是数组,每个成员都是UIViewController

    [tabBar setViewControllers:items];  

    //界面跳转

    [selfpresentViewController:tabBaranimated:YEScompletion:nil];

}

4  在三个ViewController.m文件里添加对应的UITabBarItem

例A:采用系统图标并设置图标右上方飞提示 badgeValue

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

    if (self) {

        UITabBarItem *item = [[UITabBarItemalloc]initWithTabBarSystemItem:UITabBarSystemItemMostRecenttag:1];

        self.tabBarItem = item;

        self.tabBarItem.badgeValue = [NSStringstringWithFormat:@"%d",9];

    }

    return self;

}

例B:采用自定义图片

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

{

    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

    if (self) {

        UITabBarItem *item = [[UITabBarItemalloc]initWithTitle:@"商城"image:[UIImage imageNamed:@"more.png"]tag:3];

        self.tabBarItem = item;

    }

    return self;

}

5 在你想要返回的ViewController里面设置返回按钮并设置监听事件

-(void)backAction

{

    [selfdismissViewControllerAnimated:YEScompletion:nil];

}

6 监听Item的点击事件

Tabbar有了,怎么监听你点了哪个item呢?

实现UITabBarDelegate。在apple的文档里查了一下,实现

- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item这个方法即可监听

前提是必须继承<UITabBarDelegate>这个协议


在TabBarViewController.h里面

#import <UIKit/UIKit.h>


@interface TabBarViewController :UITabBarController<UITabBarDelegate>


@end


在TabBarViewController.m里面


#pragma UITabBarDelegate


- (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item

{

    if(item.tag == 1){

        NSLog(@"TestOneController");

    }else if(item.tag ==2){

        NSLog(@"TestTwoController");

    }else {

        NSLog(@"TestThreeController");

    }

}



三、重要说明


1.UITabBar


下方的工具条称为UITabBar,如果UITabBarControllerN个子控制器,那么UITabBar内部就会有NUITabBarButton作为子控件与之对应。


注意:UITabBarButtonUITabBar中得位置是均分的,UITabBar的高度为49


在上面的程序中,UITabBarController4个子控制器,所以UITabBar中有4UITabBarButtonUITabBar的结构⼤大致如下图所示:





2.UITabBarButton


UITabBarButton⾥面显⽰什么内容,由对应子控制器的tabBarItem属性来决定


c1.tabBarItem.title=@"消息";

c1.tabBarItem.image=[UIImage imageNamed:@"tab_recent_nor”];

                     


                     

3.有两种方式可以往UITabBarController中添加子控制器


1[tb addChildViewController:c1];

                     

2tb.viewControllers=@[c1,c2,c3,c4];

                     

注意:展示的顺序和添加的顺序一致,和导航控制器中不同,展现在眼前的是第一个添加的控制器对应的View




0 0
原创粉丝点击