建立标签栏框架

创建项目,还是选择Empty Application模板。

iOS label标签 ios标签栏_date

iOS label标签 ios标签栏_interface_02

输入项目名称Picker。

接着创建根视图控制器

在项目视图中选择Picker的黄色文件夹后,Command+N,

iOS label标签 ios标签栏_interface_03

iOS label标签 ios标签栏_ios5_04

在这里输入class名BIDDatePickerViewController,并且选中with xib for user interface 。因为前面一章没有自动生成,而是手动生成。

其他的类似,生成最后,就如前面看到的一样。左边有很多的.h 和.m以及.xib的文件。

在创建根视图控制器的时候,先声明输出口。

#import <UIKit/UIKit.h>
@interface BIDAppDelegate : UIResponder <UIApplicationDelegate>
@property (strong, nonatomic) UIWindow *window;
@property (strong, nonatomic) IBOutlet UITabBarController *rootController;
@end
 

@synthesize

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary
{
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // Override point for customization after application launch.
    
    [[NSBundle mainBundle] loadNibNamed:@"TabBarController" owner:self options:nil];
    [self.window addSubview:rootController.view];
    
    self.window.backgroundColor = [UIColor whiteColor];
    [self.window makeKeyAndVisible];
    return YES;
}


将装有图标的文件夹拖入到Picker项目中

iOS label标签 ios标签栏_interface_05

接下来创建标签栏控制器的xib文件

选中PIcker 然后Command+n。这次选中的时user Interface 中的Empty

iOS label标签 ios标签栏_ios5_06

命名为TabBarController。双击这个xib文件时,视图中没有任何东西。

将控件拖入其中

iOS label标签 ios标签栏_interface_07

iOS label标签 ios标签栏_application_08

选中个根视图的File‘s Owner,修改它的身份检查器中的Customer Class 的NSObject 为BIDDelegate。在连接检查器中将rootController连接到Tab Bar Controller上。

iOS label标签 ios标签栏_iOS label标签_09

iOS label标签 ios标签栏_interface_10

准备新增标签栏

iOS label标签 ios标签栏_iOS label标签_11

iOS label标签 ios标签栏_date_12

这里就是dock隐藏和展开的状态。

找到Tab Bar Item 拖入到底部的标签栏中

iOS label标签 ios标签栏_interface_13

iOS label标签 ios标签栏_application_14

不过刚出来的时候时item,并且没有图标。

选中第一个将视图进行关联

iOS label标签 ios标签栏_date_15

Date这个才是标签栏的选中状态哦!看它的属性检查器。

NIBName指定关联的视图这里选择BIDDatePickerViewController。

Wants Full Screen作用是当你选择该标签后,所出现的视图将会与标签栏重叠并将其隐藏。这里不用选择。打开身份检查器。将Customer Class修改为BIDDatePickerViewController。

设置好之后会看到背景变成了Date Picker View Controller。

注意:一定要先访问每个视图控制器的属性检查器,然后访问身份检查器。

其他的和这个同样的操作。

设置图标和标签

iOS label标签 ios标签栏_date_16

选中左边的Tab Bar Item ,在属性选择框中将Title 修改为Date 将图片选择为clockicon.png。其他的同样操作。

Badge--它用于在标签栏上放置一个红色图标。类似于Mail图标上面的红色数字。

Identifier--用于从一组常用标签栏项名称和图标中进行选择。

编辑运行一下,标签栏基本就能运行了,可以放每个xib文件上添加一个1-5的标签 。当切换标签栏的时候页面上有1-5说明标签栏创建成功。