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
#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。