iOS-基础控件--UITabBarController

1523603-4bbd9d6abf61f7d0.jpg
**多情自古伤离别**<傲骨燕>


UITabBarController 和UINavigationController类似(可以相互嵌套使用),UITabBarController也可以管理多个控制器,完成控制器之间的切换

一般步骤就是下面这样

  • 创建初始化UITabBarController
  • 设置UIWindow的rootViewController为UITabBarController
  • 创建相应的子控制器(viewcontroller)
  • 把子控制器添加到UITabBarController
代码实例: 有六个标签的UITabBarController

首先是建立六个视图控制器并引入(在AppDelegate里面演示的)

#import"FirstViewController.h"
#import"SecondViewController.h"
#import"ThreeViewController.h"
#import"ForthViewController.h"
#import"FiveViewController.h"
#import"SixViewController.h"    

创建Window:

self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

self.window.backgroundColor = [UIColor cyanColor];

[self.window makeKeyAndVisible];

创建子视图控制器:
//第一个标签

FirstViewController *firstVC = [FirstViewController new];
UINavigationController *firstNC = [[UINavigationController alloc] initWithRootViewController:firstVC];

// 第一种设置tabBar外观方法(系统样式)
// 参数1:系统tabbar外观方法(系统样式)
// 参数2:tabbarItem的tag值

firstNC.tabBarItem= [[UITabBarItem alloc] initWithTabBarSystemItem:(UITabBarSystemItemHistory) tag:101];

//第二个标签

SecondViewController *secondVC = [SecondViewController new];
UINavigationController *secondNC = [[UINavigationController alloc] initWithRootViewController:secondVC];

//第二种设置tabbar外观方法(自定义tabbar样式)

UIImage *secondNCimage = [UIImage imageNamed:@"carGary"];
//未选中时展示的图片

//图片不被渲染,保持图片本身样式
secondNCimage = [secondNCimage imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)];

//选中时的图片
UIImage *secondSelectedImage = [UIImage imageNamed:@"carRed"];

secondSelectedImage = [secondSelectedImage imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)];

//设置tabbarItem外观
//参数1:tabBar标题
//参数2:未选中时展示的图片
//参数3:选中时展示的图片

secondNC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第二页" image:secondNCimage selectedImage:secondSelectedImage];   

//第三个标签

ThreeViewController *threeVC = [ThreeViewController new];
UINavigationController *threeNC = [[UINavigationController alloc] initWithRootViewController:threeVC];

//第二种设置tabbar外观方法(自定义tabbar样式)

UIImage *threeNCimage = [UIImage imageNamed:@"findGray"];//未选中时展示的图片

//图片不被渲染,保持图片本身样式
threeNCimage = [threeNCimage imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)];

//选中时的图片
UIImage *threeSelectedImage = [UIImage imageNamed:@"findRed"];
threeSelectedImage = [threeSelectedImage imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)];

//设置tabbarItem外观
//参数1:tabBar标题
//参数2:未选中时展示的图片
//参数3:选中时展示的图片

 threeNC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第三页" image:threeNCimage selectedImage:threeSelectedImage];

//第四个标签

ForthViewController *fourthVC = [ForthViewController new];
UINavigationController *forthNC = [[UINavigationController alloc] initWithRootViewController:fourthVC];

//第二种设置tabbar外观方法(自定义tabbar样式)

UIImage *forthNCimage = [UIImage imageNamed:@"planeGary"];//未选中时展示的图片

//图片不被渲染,保持图片本身样式

forthNCimage = [forthNCimage imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)];

//选中时的图片
UIImage *forthSelectedImage = [UIImage imageNamed:@"planeRed"];
forthSelectedImage = [forthSelectedImage imageWithRenderingMode:(UIImageRenderingModeAlwaysOriginal)];

//设置tabbarItem外观
//参数1:tabBar标题
//参数2:未选中时展示的图片
//参数3:选中时展示的图片

forthNC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第四页" image:forthNCimage selectedImage:forthSelectedImage];

#pragma mark --- 当tabBar管理的试图控制器多于四个的时候
// tabBar 一般要求是四个控制器就足够

// 第五个标签

FifthViewController *fiveVC = [FifthViewController new];
UINavigationController *fiveNC = [[UINavigationController alloc] initWithRootViewController:fiveVC];
fiveNC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第五页" image:forthNCimage selectedImage:forthSelectedImage];

// 第六个标签

SixViewController *sixVC = [SixViewController new];
UINavigationController *sixNC = [[UINavigationController alloc] initWithRootViewController:sixVC];
sixNC.tabBarItem = [[UITabBarItem alloc] initWithTitle:@"第六页" image:threeNCimage selectedImage:threeSelectedImage];

// 1:创建一个TabBarController
// TabBar高度是49;

 UITabBarController *mainTabBar = [UITabBarController new];

// 2:设置TabBarController的子视图控制器数组

mainTabBar.viewControllers = @[firstNC,secondNC,threeNC,forthNC,fiveNC,sixNC];

// 3:将根视图控制器设置为TabBarController

 [self.window setRootViewController:mainTabBar];

// 4:设置是否半透明

mainTabBar.tabBar.translucent=YES;

// TabBar属性
// 设置TabBar选中的颜色

 [mainTabBar.tabBar setTintColor:[UIColor greenColor]];

// 设置TabBar背景颜色

[mainTabBar.tabBar setBarTintColor:[UIColor purpleColor]];

// 改变tabBar位置

  //    [secondNC.tabBarItem setTitlePositionAdjustment:UIOffsetMake(5, 5)];

// 设置进入应用默认选中第几个

 mainTabBar.selectedIndex = 2;

// 设置全局外观
// 通过[UITabBar appearance]得到当前应用的UITabBar对象来设置tabBar外观
// 注意:设置全局外观最好在appdelegate里,否则会无效
// appearce本质是系统封装好的单例 小数据的情况下,没有必要使用单例;单例;单例是全局的,它的生命周期和程序一样长
// 使用appearce去修改相应的控件外观,应该在APPDelegate中进行设置,否则容易出现无效的情况.

[[UITabBar appearance] setBarTintColor:[UIColor blueColor]];

// 设置导航栏
[[UINavigationBar appearance] setTintColor:[UIColor yellowColor]];

// 设置代理人
mainTabBar.delegate = self;

//实现协议中的方法(< UITabBarControllerDelegate >)
//当点击某个标签时,(tabBarItem)触发该方法

 -(void)tabBarController:(UITabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController
 {

NSLog(@"%ld",tabBarController.selectedIndex);

   }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值