IOS面试裤UITabBariOS开发

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的简单使用方法,更多使用方法及技巧还需要我们进一步去学习。

上一篇下一篇

猜你喜欢

热点阅读