码迷,mamicode.com
首页 > 移动开发 > 详细

iOS UIKit:Tab Bar Controller

时间:2016-05-07 13:33:32      阅读:430      评论:0      收藏:0      [点我收藏+]

标签:

1 结构剖析

      IOS中的标签导航其实是一个UITabBarController对象,其也是一个Container View Controller。UITabBarController对象创建和管理了一组content View Controller,以及一个UITabBar对象(标签栏)。每个content View Controller都被占用一个tab(标签项),当用户点击其中一个tab时,Tab Bar Controller就选择那个tab并显示其相关content view controller的view对象。

1.1 UITabBarController类型

      UITabBarController对象内部有一个content view controller类型的数组,并且有一个UITabBar对象(标签栏)。通过标签栏控制content view controller的显示。如图 21所示一个UITabBarController对象与其内部view controller之间的关系。图中的viewControllers数组元素表示tab的一个content view controller。

技术分享

图 21 A tab bar controller and its associated view controllers

    

    UITabBarController类除了上图这些属性外,其内容还拥有许多属性,其具体所有属性名和含义如表 21所示。

表 21 UITabBarController成员属性

属性名

类型

描述

viewControllers

NSArray<UIViewController *>

content view controller集,是显示的内容。

selectedViewController

UIViewController

当前标签显示的内容,即是viewControllers的其中一个元素

tabBar

UITabBar

导航栏对象,该属性内部也拥有许多属性

delegate

id<UITabBarControllerDelegate>

一个Delegate对象

customizableViewControllers

NSArray<UIViewController *>

 

selectedIndex

NSUInteger

当前显示视图在viewControllers数组中的位置,若选择的是More navigation controller,则该属性为NSNotFound.

moreNavigationController

UINavigationController

 

1.2 UITabBar类型

      UITabBarController对象将标签栏委托给了tabBar属性,该属性为UITabBar类型。标签栏中有多个标签,而这些标签是存放在UITabBar对象内部的数组中;同时UITabBar对象也有一个Delegate属性,与UINavigation类似,将Delegate指向UITabBarController对象,无法改变其指向。不过它没有UINavigationBar那么复杂,其内部主要的属性如表 22所示:

表 22 UITabBar类成员属性

属性名

类型

描述

items

NSArray<UITabBarItem *>

标签项数组,每一个元素都是UITabBarItem类型

selectedItem

UITabBarItem*

当前标签视图中显示的标签项

delegate

id< UITabBarDelegate >

标签Delegate

backgroundImage

UIImage *

背景图片

itemWidth

CGFloat

标签的宽度

 

1.3 UITabBarItem类型

      UITabBarItem对象是标签栏(UITabBar对象)中的一项标签,其是显示的具体内容。内部的主要属性只有两项,如表 23所示。

表 23 UITabBarItem成员属性

属性名

类型

描述

selectedImage

UIImage*

被选中时,显示的图片

badgeValue

NSString*

徽章显示内容,默认为nil

2 创建界面

2.1 Storyboard方式

      通过storyboard创建tab bar界面比较简单,如下是创建步骤:

      1) 只需从lib中拖动一个tab bar controller控件到工作区;

      2) 若需添加content view controlller为新的标签,则只需从tab bar controller的view controllers属性拖到新的标签即可增加一个新的content view controller,如图 22所示。

技术分享

图 22 添加新的标签

       3) 若要修改标签项的属性,可以选中某一项标签项content view controller底部栏,注意不是tab bar controller的底部;然后即可修改相应属性;

技术分享

图 23 修改标签栏属性

注意:

       若往tab bar controller对象中的viewControllers数组添加的元素超过5元素,那么tab bar controller将自动插入一个特殊view controller(称为"More view controller"),用其显示超过的元素。这个More view controller提供一个定制的接口来显示过多的view controller,并且它不能被自定义。它的显示是自动的,并与content view controller对象分开。但可通过UITabBarController对象的moreNavigationController属性获得More view controller对象的引用。

2.2 Program方式

       通过程序创建标签控制器比较麻烦,而且由于UITabBarController对象内部的tabBar属性无法直接修改,又增加了一些困难。如下是一种创建过程:

       a) 创建若干个UITabBarItem对象

       b) 创建若干个Content View Controller对象,并对每个对象的tabBarItem属性进行初始化为上述的某个UITabBarItem对象;从而组成一个Content View Controller类型的数组;

       c) 创建UITabBarController对象,并对其viewControllers属性进行初始化为上述创建的Content View Controller类型的数组;

       d) 将UITabBarController对象添加到其父view controller,同时将UITabBarController对象的view添加到其父view中。

如下所示的创建过程:

 1 - (void)viewDidLoad {
 2     [super viewDidLoad];
 3     
 4     UITabBarItem* theItem1 = [[UITabBarItem alloc] initWithTitle:@"Home" image:nil tag:0];
 5     UITabBarItem* theItem2 = [[UITabBarItem alloc] initWithTitle:@"low" image:nil tag:0];
 6     
 7     tabViewController* vc1 = [self.storyboard instantiateViewControllerWithIdentifier:@"tabViewController"];
 8     tabViewController* vc2 = [self.storyboard instantiateViewControllerWithIdentifier:@"tabViewController"];
 9     vc1.tabBarItem = theItem1;
10     vc2.tabBarItem = theItem2;
11     
12     UITabBarController *_tabBarController = [[UITabBarController alloc] init];
13     NSArray* controllers = [NSArray arrayWithObjects:vc1, vc2, nil];
14     _tabBarController.viewControllers = controllers;
15     
16     [self addChildViewController:_tabBarController];
17     [self.view addSubview:_tabBarController.view];
18 }

注意:

      由于UITabBarController对象内部的tabBar属性无法直接修改,不能通过获得tabBar属性,然后修改内部的tabBarItem对象;只能通过content view controller对象来修改其tabBarItem对象这点与storyboard方式类似,只能通过content view controller来修改标签信息。

3 管理tab

      在创建了UITabBarController对象后,可以在运行状态下对其进行多种更改操作。其中除了不能直接通过UITabBarController对象来修改tabBar属性及内部成员外,其它UITabBarController成员属性都可改变。若希望改变tabBar属性,只能通过content view controller对象进行修改了。

3.1 增加或删除content VC

      UITabBarController对象内部有viewControllers属性(数组),可以修改这个数组,从而改变标签控制的显示内容。可以通过UITabBarController的setViewControllers:animated:方法修改viewControllers数组。

如下所示:

1 - (IBAction)processUserInformation:(id)sender
2 {
3    if ([self userDataIsValid])
4    {
5       NSMutableArray* newArray = [NSMutableArray arrayWithArray:self.tabBarController.viewControllers];
6       [newArray removeObject:self];
7       [self.tabBarController setViewControllers:newArray animated:YES];
8    }
9 }

3.2 阻止tab被选

       可将标签栏的某个标签置为不可选状态,即当点击不可选标签时,无法进行content view controller切换。此时可以通过其委托对象Delegate的tabBarController:shouldSelectViewController:方法来实现。当用户点击标签栏的某个标签时,那么就会触发该方法,其中的shouldSelectViewController参数就是被触发标签项的content view controller引用。若该方法返回NO时,则不能切换到用户选择的标签项

如下所示把所有标签都置为不可选,并当用户选择其中一个标签时,把相应的下标输出:

 1 -(BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController
 2 {
 3     NSArray* controllers = tabBarController.viewControllers;
 4     for (int i=0; i<controllers.count; i++) {
 5         if(controllers[i] == viewController)
 6         {
 7             NSLog(@"%d",i);
 8         }
 9     }
10     return NO;
11 }

3.3 更改tabBar信息

      要修改tabBar信息,只能通过content view controller的tabBarItem属性进行更改。其中可以更改tabBarItem的徽章、标题、图像等信息。如下所示:

1 - (IBAction)btnDown:(id)sender {
2     _tabBarController.selectedViewController.tabBarItem.badgeValue = @"33";
3     [ _tabBarController.selectedViewController.tabBarItem setTitle:@"hello"];
4 }

 

4 参考文献

      [1] View Controller Catalog for IOS

 

iOS UIKit:Tab Bar Controller

标签:

原文地址:http://www.cnblogs.com/hlwfirst/p/5468144.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!