Question

怎么用storyboard实现scnavtabbarcontroller

Answer 1

说明 TabBarController 和 TabBar 大同小异。都用于视图切换。像MFC里面的tab控件。
效果图如下：

开发步骤：
1.创建Xcode 空工程（File — New — New Project（Empty工程））。

2.创建Xib界面，用于放置TabBarController控件。（File — New — NewFile 选择Base Class ）
说明：选择subclass 时候选择TabBarController 。记得勾选“with xib for user interface”然后拖动一个TabBarController控件到xib界面（如果有其他界面可以直接删了）。

3.先关联TabBarController和主程序。

AppDelegate.h
中变量声明）

AppDelegate.m

[html] view plain copy print?
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
[[NSBundle mainBundle] loadNibNamed:@"MyTabBarController" owner:self options:nil];
[self.window addSubview:self.viewController.view];
self.window.backgroundColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];
return YES;

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

self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
// Override point for customization after application launch.
[[NSBundle mainBundle] loadNibNamed:@"MyTabBarController" owner:self options:nil];
[self.window addSubview:self.viewController.view];
self.window.backgroundColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];
return YES;

}

Files Owner如下设置：

4.和步骤2一样
.创建其他三个Xib界面，用于放置切换视图。（File — New — NewFile 选择Base Class ）
说明：选择subclass 时候选择UIViewConCtroller 。记得勾选“with xib for user interface”然后拖动一个TabBarController控件到xib界面（如果有其他界面可以直接删了）。
5、 往TabBarController.xib上添加Tab Bar Item,
把控件栏上的Tab Bar Item控件往TabBarController.xib上拖拽即可，一个放4个。
6、关联Tab Bar Item和***ViewController。
选择其中一个Tab Bar Item，在右上角打开Identity Inspector，在Class中选择BlueViewController：

然后，打开Attribute，在NIB Name选择BlueViewController

其他3个tab item重复类似的操作，选中对应的ViewController,这样在切换Tab标签时，就可以切换到对应的页面。

7、设置tab item的属性

选中其中一个tab item ,会在右上角的属性栏里看到如下信息

Badge是红色圈圈里面有数字 ，表示有多少条信息的属性
Identifier 是tab item的样式，选custom是自定义，下面的是系统的样式。我选了其中四种。

bar ITem 的title image在custom的样式下能设置。

8、剩下的3个Tab Item也做类似的设置即可。

现在基本完工，运行看看结果如何。好吧，其实和第一第二个图是一样的，这里就不放了。