iOS:UITabBarController使用

说明:

UITabBarController是一个Tab导航控制器,由内容+底部Tab导航条组成,可加入多个ViewController,每个对应底部一个tabBarItem,可设置显示标题,图标等。

 

一、代码方式,在AppDelegate.m的didFinishLaunchingWithOptions方法中加入如下代码:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    //创建window
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    
    //创建Tab导航条控制器
    UITabBarController *tabControl = [[UITabBarController alloc] init];
    
    //将Tab导航条控制器设为window根控制器
    self.window.rootViewController = tabControl;
    
    UIViewController *vc1 = [[UIViewController alloc] init];
    vc1.view.backgroundColor = [UIColor redColor];
    vc1.tabBarItem.title = @"首页";
    vc1.tabBarItem.image = [UIImage imageNamed:@"tab_home_icon"];
    
    
    UIViewController *vc2 = [[UIViewController alloc] init];
    vc2.view.backgroundColor = [UIColor blueColor];
    vc2.tabBarItem.title = @"我的";
    vc1.tabBarItem.image = [UIImage imageNamed:@"tab_my_icon"];
    
    //将UIViewController加入Tab控制器中(类似Activity管理Fragment)
    tabControl.viewControllers = @[vc1, vc2];
    
    //显示window
    [self.window makeKeyAndVisible];
    return YES;
}

二、storyboard方式:

1.使用UITabBarController管理Main.storyboard:

选中Main.storyboard,选中显示部分的所有View Controller,按”delete”删除,然后拖动一个UITabBarController到视图中,并在属性中设置为”Is Initial View Controller”,默认有2个子UIView Controller,可以删除重建,也可以直接使用,如果有多个界面,可以再拖入ViewController,新拖入的ViewController需要连线,右击UITabBarController,在弹出菜单中按住”view controllers”,拖动到新增的View Controller视图。

2.给新增的View Controller视图增加自定义View Controller:

选中新增的View Controller视图,在右边面板中将Custom Class -> Class改为自定义ViewController。

3.设置Tab底部显示文本与图标:

分别选中单个View Controller视图底部,在右侧属性面板中Bar Item中输入标题与图标:Title输入标题,Image输入图标名称。

4.运行,即可看到内容+几个底部Tab,点击Tab按钮可切换各子页面(即ViewController视图)。

你可能感兴趣的:(iOS)