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

最新推荐文章于 2018-06-28 17:42:18 发布

翻译最新推荐文章于 2018-06-28 17:42:18 发布 · 405 阅读

IOS-UI界面专栏收录该内容

24 篇文章

订阅专栏

本文详细介绍了UITabBarController的作用、初始化、使用方法及与UINavigationController的区别，包括如何设置UIWindow的rootViewController、创建响应的子控制器、添加到UITabBarController等步骤。同时提供了实例代码演示了如何在AppDelegate中实现TabBar，并在TabBarViewController中添加自定义按钮和监听事件。文章还强调了UITabBarController与UINavigationController的不同之处，并提供了实例代码帮助开发者更好地理解两者之间的区别。

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

UITabBarController 和 UINavigationController类似

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

1 初始化UITabBarController

2 设置UIWindow的rootViewControllwe

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，如果UITabBarController有N个子控制器,那么UITabBar内部就会有N个UITabBarButton作为子控件与之对应。

注意：UITabBarButton在UITabBar中得位置是均分的，UITabBar的高度为49。

在上面的程序中，UITabBarController有4个子控制器,所以UITabBar中有4个UITabBarButton，UITabBar的结构⼤大致如下图所示：

2.UITabBarButton

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

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

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

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

（1）[tb addChildViewController:c1];

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

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