很多时候,在UI设计方面同时需要使用导航控制器和标签栏控制器,这时,需要掌握如何设计结合使用这两种不同控制器。比如手机QQ,程序有三个标签 栏(分别为消息、联系人、动态),同时在选择某个联系人或者会话时,会进入聊天的子页面,因此这里同时使用到了标签栏控制器和导航控制器。
我目前所知道有以下方法可实现上述的结合使用效果。
根视图是标签栏控制器,然后每页标签栏又有一个根视图控制器为导航栏控制器的标签,如下代码所示
01.// 消息02.MessageViewController* msg = [[MessageViewController alloc] init];03.UINavigationController* navControloler = [[UINavigationController alloc] init];04.[navControloler pushViewController:msg animated:YES];05.[viewArray addObject:navControloler];06. 07.// 联系人08.ContactViewController* contact = [[ContactViewController alloc] init];09.navControloler = [[UINavigationController alloc] init];10.[navControloler pushViewController:contact animated:YES];11.[viewArray addObject:navControloler];12. 13.// 动态14.FavoriteViewController* favorite = [[FavoriteViewController alloc] init];15.navControloler = [[UINavigationController alloc] init];16.[navControloler pushViewController:favorite animated:YES];17.[viewArray addObject:navControloler];18. 19.// 标签栏控制器20.UITabBarController* tabBarController = [[UITabBarController alloc] init];21.tabBarController.viewControllers = viewArray;22. 23.// 修改根视图24.AppDelegate* appDelagete = [UIApplication sharedApplication].delegate;25.appDelagete.window.rootViewController = tabBarController;上述代码是在ViewController.m文件中,也就是说,APP的根视图控制器可以在AppDelegete外的其他地方修改,因此,可以设计出先显示登录界面,然后再显示程序的主页面,即标签栏页面视图。注意根视图是标签栏,所以返回按钮无效,如下所示
如果上述代码的根视图是导航栏,那么返回按钮是有效的,可以用作退出登录等类似的功能,其主要实现如下,在AppDelegate里设置根视图控制器
01.- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions02.{03.// Override point for customization after application launch.04.self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];05. 06.UINavigationController* navController = [[UINavigationController alloc] init];07.[navController pushViewController:[[ViewController alloc] init] animated:YES];08. 09.self.window.rootViewController = navController;10.return YES;11.}然后ViewController中将标签栏控制器当做导航栏控制器的子视图Push进去,代码为
01.- (void) loginSuccess02.{03.// 进入主界面,改变根视图04.NSMutableArray* viewArray = [[NSMutableArray alloc] init];05. 06.// 导航控制器+表标签栏控制器相结合使用,07.// 每个标签有一个根导航控制器08. 09.// 消息10.MessageViewController* msg = [[MessageViewController alloc] init];11.UINavigationController* navControloler = [[UINavigationController alloc] init];12.[navControloler pushViewController:msg animated:YES];13.[viewArray addObject:navControloler];14. 15.// 联系人16.ContactViewController* contact = [[ContactViewController alloc] init];17.navControloler = [[UINavigationController alloc] init];18.[navControloler pushViewController:contact animated:YES];19.[viewArray addObject:navControloler];20. 21.// 动态22.FavoriteViewController* favorite = [[FavoriteViewController alloc] init];23.navControloler = [[UINavigationController alloc] init];24.[navControloler pushViewController:favorite animated:YES];25.[viewArray addObject:navControloler];26. 27.// 标签栏控制器28.UITabBarController* tabBarController = [[UITabBarController alloc] init];29.tabBarController.viewControllers = viewArray;30. 31.#ifdef TABRoot32.// 修改根视图为标签栏控制器33.AppDelegate* appDelagete = [UIApplication sharedApplication].delegate;34.appDelagete.window.rootViewController = tabBarController;35.#else36.// 把标签栏视图控制器push到导航栏控制器内37.[self.navigationController pushViewController:tabBarController animated:YES];38.#endif39.}
其效果如下所示
