iOS开发之标签视图控制器(UITabBarController
2016-02-17 本文已影响910人
呼噜ZR
标签视图控制器(UITabBarController)也是我们开发中较为常用的一种控件,基本上现在发布的app中都使用了这一控件。那么什么是标签视图控制器呢,我们看以下几个示例:
箭头所指的便是标签
这些app中就是使用了UITabBarController。
我们以微信为例,它需要有聊天,通讯录,朋友圈等界面,那么我们如何让他在app中展示,并方便操作呢?这时我们便会用到UITabBarController,让我们直接看代码。
我们需要两个页面及一个根视图控制器
- (void)viewDidLoad {
[super viewDidLoad];
//1.创建标签控制器
UITabBarController *tab = [[UITabBarController alloc]init];
//2.创建相应的子控制器(viewcontroller)
FirstViewController *firstVC = [FirstViewController new];
firstVC.navigationItem.title = @"通讯录";
firstVC.tabBarItem.title = @"通讯录";
firstVC.tabBarItem.image = [UIImage imageNamed:@"12-eye"];
UINavigationController *firstNC = [[UINavigationController alloc]initWithRootViewController:firstVC];
SecondViewController *secondVC = [SecondViewController new];
secondVC.navigationItem.title = @"朋友圈";
//设置标签名称
secondVC.tabBarItem.title = @"朋友圈";
//可以根据需求设置标签的的图标
secondVC.tabBarItem.image = [UIImage imageNamed:@"21-skull"];
UINavigationController *secondNC = [[UINavigationController alloc]initWithRootViewController:secondVC];
//3.添加到控制器
//特别注意:管理一组的控制器(最多显示五个,多余五个的话,包括第五个全部在更多模块里面,并且可以通过拖拽方式进行顺序编辑);
NSArray *array = @[firstNC,secondNC]
tab.viewControllers = array;
实现的效果如下,点击相应的标签就会跳转到相应的页面
我们在实际操作过程中还可以根据taBar的属性,标签栏的颜色、风格、文字颜色等等
//设置标签栏文字和图片的颜色
tab.tabBar.tintColor = [UIColor orangeColor];
//设置标签栏的颜色
tab.tabBar.barTintColor = [UIColor blackColor];
//设置标签栏风格(默认高度49)
tab.tabBar.barStyle = UIBarStyleBlack;
//设置初始状态选中的下标
tab.selectedIndex = 3;
以上只是UITabBarController的简单使用方法,更多使用方法及技巧还需要我们进一步去学习。