標籤:
iOS開發UI篇—多控制器和導航控制器簡單介紹
一、多控制器
一個iOS的app很少只由一個控制器組成,除非這個app極其簡單。當app中有多個控制器的時候,我們就需要對這些控制器進行管理
有多個view時,可以用一個大的view去管理1個或者多個小view,控制器也是如此,用1個控制器去管理其他多個控制器
比如,用一個控制器A去管理3個控制器B、C、D。控制器A被稱為控制器B、C、D的“父控制器”;控制器B、C、D的被稱為控制器A的“子控制器”
為了便於管理控制器,iOS提供了2個比較特殊的控制器
UINavigationController
UITabBarController
二、導航控制器
利用UINavigationController,可以輕鬆地管理多個控制器,輕鬆完成控制器之間的切換,典型例子就是系統內建的“設定”應用
三、UINavigationController的使用步驟
(1)初始化UINavigationController
(2)設定UIWindow的rootViewController為UINavigationController
(3)根據具體情況,通過push方法添加對應個數的子控制器
1 #import "YYAppDelegate.h" 2 #import "YYOneViewController.h" 3 4 @implementation YYAppDelegate 5 6 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 7 { 8 self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 9 self.window.backgroundColor = [UIColor whiteColor];10 11 //1.建立一個導航控制器12 UINavigationController *nav=[[UINavigationController alloc]init];13 //2.設定導航控制器為window的根視圖14 self.window.rootViewController=nav;15 16 17 //3.添加子控制器到導航控制器中18 //建立一些控制器19 UIViewController *c1=[[UIViewController alloc]init];20 //設定c1這個控制器的視圖顏色21 c1.view.backgroundColor=[UIColor redColor];22 23 UIViewController *c2=[[UIViewController alloc]init];24 c2.view.backgroundColor=[UIColor purpleColor];25 26 UIViewController *c3=[[UIViewController alloc]init];27 c3.view.backgroundColor=[UIColor brownColor];28 29 //把這些控制器添加到導航控制器中30 [nav pushViewController:c1 animated:YES];31 [nav pushViewController:c2 animated:YES];32 [nav pushViewController:c3 animated:YES];33 34 [self.window makeKeyAndVisible];35 return YES;36 }
運行模擬器,可以看到一個簡陋的有著三個子控制器管理著頁面。
但呈現在我們眼前的只能有一個介面,我們沒有必要一次性建立三個控制器在這裡等著。
要求:建立三個子控制器,每個子控制器view的介面上放一個按鈕,點擊可以跳轉到下一個介面。
實現(完成三個頁面間通過按鈕進行簡單的跳轉):
說明:這裡把第一個子控制器的建立等代碼寫在了代理方法中。
YYAppDelegate.m檔案代碼
1 // 2 // YYAppDelegate.m 3 // 01-導航控制器的使用1 4 // 5 // Created by apple on 14-6-4. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYAppDelegate.h"10 #import "YYOneViewController.h"11 12 @implementation YYAppDelegate13 14 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions15 {16 self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];17 self.window.backgroundColor = [UIColor whiteColor];18 19 //1.建立一個導航控制器20 UINavigationController *nav=[[UINavigationController alloc]init];21 //2.設定導航控制器為window的根視圖22 self.window.rootViewController=nav;23 24 25 //3.添加子控制器到導航控制器中26 YYOneViewController *one=[[YYOneViewController alloc]init];27 [nav pushViewController:one animated:YES];28 29 [self.window makeKeyAndVisible];30 return YES;31 32 33 // //建立一些控制器34 // UIViewController *c1=[[UIViewController alloc]init];35 // //設定c1這個控制器的視圖顏色36 // c1.view.backgroundColor=[UIColor redColor];37 // 38 // UIViewController *c2=[[UIViewController alloc]init];39 // c2.view.backgroundColor=[UIColor purpleColor];40 // 41 // UIViewController *c3=[[UIViewController alloc]init];42 // c3.view.backgroundColor=[UIColor brownColor];43 // 44 ////把這些控制器添加到導航控制器中45 // [nav pushViewController:c1 animated:YES];46 // [nav pushViewController:c2 animated:YES];47 // [nav pushViewController:c3 animated:YES];48 }
建立三個子控制項類及對應的xib檔案
YYOneViewController.m檔案
1 // 2 // YYOneViewController.m 3 // 01-導航控制器的使用1 4 // 5 // Created by apple on 14-6-4. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYOneViewController.h"10 #import "YYTwoViewController.h"11 12 @interface YYOneViewController ()13 /**14 跳轉到第二個介面15 */16 - (IBAction)jump2two:(id)sender;17 18 @end19 20 @implementation YYOneViewController21 22 23 - (IBAction)jump2two:(id)sender {24 //1.建立第二個子控制器25 YYTwoViewController *two=[[YYTwoViewController alloc]init];26 27 //2.把子控制器添加到導航控制器中28 //有什麼辦法能夠拿到導航控制器?29 //只要當前控制器是導航控制器的子控制器,那麼就可以通過該屬性直接擷取到當前控制器所在的導航控制器30 [self.navigationController pushViewController:two animated:YES];31 }32 @end
YYTwoViewController.m檔案
1 // 2 // YYTwoViewController.m 3 // 01-導航控制器的使用1 4 // 5 // Created by apple on 14-6-4. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYTwoViewController.h"10 #import "YYThreeViewController.h"11 @interface YYTwoViewController ()12 - (IBAction)jump2Three:(id)sender;13 14 @end15 16 @implementation YYTwoViewController17 18 //跳轉到第三個子控制器19 - (IBAction)jump2Three:(id)sender {20 //1.建立第三個子控制器21 YYThreeViewController *three=[[YYThreeViewController alloc]init];22 //2.將子控制器添加到導航控制器中23 [self.navigationController pushViewController:three animated:YES];24 25 }26 @end
提示:只要當前控制器是導航控制器的子控制器,那麼就可以通過self.navigationController屬性直接擷取到當前控制器所在的導航控制器
專案檔結構和運行效果:
iOS開發UI篇—多控制器和導航控制器簡單介紹