IOS开发之控件篇UITabBarControllor第一章

UITabBarControllor的基本样子

官方有个图介绍这个TabBar的结构，我们先来看看这个结构图

----------------------------------------------------

UITabBarControllor个人理解

经过我自己的个人理解，我重新归纳了一下

整个UITabBarControllor分开了几个部分

• 在这个Controllor里面有个ViewControllors(NSArray),不可变的列表，里面放的装的都是UIViewControllor，每一个controllor就是每一个tab的视图控制器(viewControllor)，这个·
• 每一个视图控制器附带一个tab，选择到那个tab，就会显示对应的view.

-------------------------------------------------------------------------

UITabBarControllor-HelloWorld

下面是一个简单的例子：

//所有视图的开端，必须在appDelegate开始编写，下面的代码是在appDelegate.m里面编写

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    
    //创建主窗口
    self.window = [[UIWindow alloc]initWithFrame:[[UIScreen mainScreen] bounds]];
    
    //把tabbar controllor 设置为根视图
    MyTabBarController *mt = [[MyTabBarController alloc]init];
    self.window.rootViewController = mt;
    
    [self.window makeKeyAndVisible];
    
    //设置背景色，默认为黑色
//    self.window.backgroundColor = [UIColor redColor];
    return YES;
}

MyTabBarController.m

#import "MyTabBarController.h"

@interface MyTabBarController ()

@end

@implementation MyTabBarController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    UIViewController *c1 = [[UIViewController alloc]init];
    //设置tab bar item的名称
    c1.tabBarItem.title = @"客户";
    //设置view的背景色
    c1.view.backgroundColor = [UIColor redColor];
    //设置背景图
    c1.tabBarItem.image = [UIImage imageNamed:@"customer2"];
    
    
    UIViewController *c2 = [[UIViewController alloc]init];
    c2.tabBarItem.title = @"列表";
    c2.view.backgroundColor = [UIColor whiteColor];
    c2.tabBarItem.image = [UIImage imageNamed:@"list"];
    
    
    //添加视图两种方法
    //第一种，不建议这种，这个list本身是NSArray，不变数组，所以每次添加使，项目内容不与之前项目相同会自动重建新的数组重新添加
//    [self addChildViewController:c1];
//    [self addChildViewController:c2];

    //第二种方法
    self.viewControllers=@[c1,c2];
    
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.    
}
*/

@end

 -------------------------------------------------------------------------

TabBar的背景色

一般情况，TabBar是半透明的状态，如下图，红色的view会在tabbar中若隐若现

如果想修改它的底色可以设它的barTintColor，代码如下

self.tabBar.barTintColor = [UIColor whiteColor];

-------------------------------------------------------------------------

Tabbar的背景图

self.tabBar.backgroundImage = [UIImage imageNamed:@"tab_background"];

一般TabBar的size为:设备宽度(pt)x49(pt)，例如Iphone5宽度为320ptx49pt,iPhone6宽度为375ptx49pt

在制作图片的大小时，一般都不需要关心宽度，因为会自动延伸，如下面的例子，

图片大小为：30pt × 49pt,测试环境为：Iphone6s

但是在高度方面需要比较注意，因为超出的部分会突出tabbar,如下面的例子，

图片大小为：215pt × 204pt,测试环境为:Iphone6s

-------------------------------------------------------------------------

TabBarItem的图片

TabBarItem图标大小建议是30ptx30pt,iPad 建议60ptx60pt,

c1.tabBarItem.image = [UIImage imageNamed:@"customer2"];

 

 -------------------------------------------------------------------------

TabBarItem图片颜色

改变TabBar颜色的方法有两种，

• 第一种，采用原图片的颜色，选择图片，并在右边的菜单中选册渲染方式为Original image（原图），在Iphone中会显示为原图，这种情况有缺点，就是要手动设置选中和不选中的图片，否则选中与不选中时的图片颜色会一样

（完整图）

（参数设置）

（iPhone 上显示的图片）

• 第二种，可以设置tint color，tint color就是设置所有控件中，镂空的文字，图片或其它背景默认颜色块，例如UIButton里面的文字颜色，（提示：UILabel里面的文字颜色不会受影响)

系统如果找不到tint color默认为nil，自动会选取为蓝色，这个tintcolor会延续到所有子视图中，如父视图设置了，则子视图会延续父视图颜色，设置tint color的代码如下

self.tabBar.tintColor = [UIColor redColor];

（iPhone 上显示的图片）

-------------------------------------------------------------------------

TabBarItem的提示红点

如果我们想在TabBarItem旁边添加一个红点作提示，或者一个红色信息提示，下面找了几个方法

• 设置带信息的红点，红点内的信息是用户确定的，这种的缺点是红色点太大，代码如下

[itemOne setBadgeValue:@""]; //显示不带数字的小红点
[itemOne setBadgeValue:@"22"];//显示小红点 并且带数字

• 其它方法可以参考：http://www.cnblogs.com/niit-soft-518/p/4772515.html