UITabBarController简单介绍

本文转载自:http://www.cnblogs.com/wendingding/p/3775488.html



UITabBarController和UINavigationController类似,UITabBarController也可以轻松的管理多个控制权,轻松完成控制器之前的转换,经典的例子就是qq、微信等应用。


UITabBarController的使用

1、使用步骤:

1.1 初始化UITabBarController

1.2 设置UIWindow的rootViewController为UITabBarController

1.3 创建响应的子控制器(viewController)

1.4 把子控制器添加到UITabBarController

2、示例代码

2.1 建立一个空的项目File->New->Single View Application, 在Application的代理中编码,例如AppDelegate.m

额外说明(与本标题不相关,但有点联系):

如果自定义类需要把Supporting File下的main.m修改为自己的类并在自己的类中继承UIResponder,声明UIApplicationDelegate,并设定一个UIWindow的对象(成员变量、属性)。如

原main:

#import <UIKit/UIKit.h>

#import "AppDelegate.h"

int main(int argh, char * argue[]){

@autoreleasepool{

return UIApplicationMain(argh, argue, nil, NSStringFromClass([AppDelegate class]));

}

}

修改为:

#import <UIKit/UIKit.h>

#import "myclass.h"

int main(int argh, char * argue[]){

@autoreleasepool {

return UIApplicationMain(argh, argue, nil, NSStringFromClass([myclass class]));

}

}

原AppDelegate.h

#import <UIKit/UIKit.h>

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow * window;

@end


对应的myclass.h为

#import <UIKit/UIKit.h>

@interface myclass : UIResponder <UIApplicationDelegate>

@property (strong, nonatomic) UIWindow *window;

@end


2.2 AppDelegate.m文件内实现:

#import "AppDelegate.h"

@interface AppDelegate ()

@end

@implementation AppDelegate

- (BOOL)application : (UIApplication *) application didFinishLaunchingWithOptions : ( NSDictionary * ) launchOptions {

//1.创建window

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

self.window.backgroundColor = [UIColor whiteColor];

//2.初始化一个tabBar控制器

UITabBarController * tb = [[UITabBarController alloc] init];

//3.设置控制器为window的根控制器

self.window.rootViewController = tb;

//4.创建子控制器c1

UIViewController * c1 = [[UIViewController alloc] init];

c1.view.backgroundColor = [UIColor grayColor];

//设定名字

c1.tabBarItem.title =@"首页";

//设定选择前图片

c1.tabBarItem.image = [UIImage imageNamed:@"home-page"];

//设定选择后图片

c1.tabBarItem.selectedImage = [UIImage imageNamed:@"home-page_2"];

//设置图标右上角显示数量,在此为写死,实际应用中应根据取值而定

c1.tabBarItem.badgeValue = @"123";

UILabel * lab1 = [[UUILabel alloc] init];

//设定背景图,即使没有也要设定。否则无法显示(alloc init创建内存、CGRectMake创建大小、backgroundColor指定背景或image指定图片、父类addSubview添加到父类,view缺一不可展现。如果是Controller除外)

lab1.backgroundColor = [UIColor clearColor];

lab1.frame = CGRectMake(100, 100, 100, 20);

lab.text = @"第一个页面";

[c1.view addSubview:lab];


//4.创建子控制器c2

UIViewController * c2 = [[UIViewController alloc]init];

c2.view.backgroundColor = [UIColor brownColor];

c2.tabBarItem.title = @"客户录入";

c2.tabBarItem.image = [UIImage imageNamed:@"User-Icon"];

c2.tabBarItem.selectedImage = [UIImage imageNamed:@"User-Icon_2"];

UILabel * lab2 = [[UILabel alloc] init];

lab2.backgroundColor = [UIColor clearColor];

lab2.frame = CGRectMake(100, 100, 100, 20);

lab2.text = @"第二个页面";

[c2.view addSubview:lab2];


//4.创建子控制器c3

UIViewController * c3 = [[UIViewController alloc] init];

c3.tabBarItem.title = @"我";

c3.tabBarItem.image = [UIImage imageNamed:@"me"];

c3.tabBarItem.selectedImage = [UIImage imageNamed:@"me_2"];

c3.view.backgroundColor = [UIColor greenColor];

UILabel * lab3 = [[UILabel alloc] init];

lab3.backgroundColor = [UIColor clearColor];

lab3.frame CGRectMake(100, 100, 100, 20);

lab3.text = @"第三个页面";

[c3.view addSubview:lab3];


//5. 将子控制器添加到UITabBarController中

//第一种方式,逐个添加:

// [tab addChildViewController:c1];

// [tab addChildViewController:c2];

// [tab addChildViewController:c3];

tab.viewControllers = @[c1, c2, c3];


//第二种方式,数组方式添加

[self.window makeKeyAndVisible];

return YES;

}


- (void)applicationWillResignActive:(UIApplication *) application{

}


- (void)applicationDidEnterBackground:(UIApplication *)application{

}


- (void)applicationWillEnterForeground:(UIApplication *)application{

}


- (void)applicationDidBecomeActive:(UIApplication *)application{

}


- (void)applicationWillTerminate:(UIApplication *)application {

}



@end


//===重要说明=====重要说明=====重要说明==

1. UITabBar

下方的工具条称为UITabBar, 如果UITabBarController有N个子控制器,那么UITabBar内部就有有N个UITabBarButton作为子控件与之对应。

注意:UITabBarButton在UITabBar中的位置是均分的,UITabBar的高度为49。

在上面的程序中, UITabBarController有3个子控制器(c1,c2,c3)所以UITabBarButton,UITabBar的结构大致均分。


2. UITabBarButton

UITabBarButton里面显示什么内容,由对应子控制器的tabBarItem属性来决定


UITabBarItem有一下属性影响着UITabBarButton的内容

标题文字

@property(nonatomic, copy) NSString *title;

图标

@property(nonatomic, retain) UIImage *image;

选中时的图标

@property(nonatomic, retain) UIImage *selectedImage;

提醒数字

@property(nonatomic, copy) NSString *badgeValue;


3. 有两种方式可以往UITabBarController中添加子控件

3.1 [tb addChildViewController:c1];

3.2 tb.viewControllers = @[c1,c2,c3];

注意:展示的顺序和添加的顺序一致, 和导航控制器不同,展现在眼前的是第一个添加的控制器对应的view

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容