這篇學(xué)習(xí)的主要內(nèi)容是Multiview，在我們學(xué)習(xí)iphone旋轉(zhuǎn)的時(shí)候，介紹過多個(gè)view的使用方法，不過這里的view和旋轉(zhuǎn)屏幕中所指的多個(gè)view是不同的，旋轉(zhuǎn)屏幕中涉及到的多個(gè)view是在一個(gè)xib文件中的，而我們這里所指的mulitview，則是指多個(gè)xib，在多個(gè)xib中進(jìn)行view的切換，也就是從一個(gè)xib切換到另一個(gè)xib，而每個(gè)xib中只有一個(gè)view。
另外的一個(gè)不同點(diǎn)體現(xiàn)在創(chuàng)建項(xiàng)目的時(shí)候，到目前為止，我們創(chuàng)建的所有項(xiàng)目的template都是single view，這次創(chuàng)建的項(xiàng)目將使用新的template。
Multiview applicatin的基本架構(gòu)，一般來說，一個(gè)multiview application會(huì)有一個(gè)主要的controller來控制view的呈現(xiàn)，這個(gè)主要的controller可以是toolbar（iphone上的Safari打開后，地下的一排按鈕就是toolbar）或者是tab bar（iphone打開phone，最下面一個(gè)一個(gè)的tab），或者其他的一些控件，他們控制到底那個(gè)view應(yīng)該顯示，那個(gè)view應(yīng)該被隱藏，也就是說，至少需要3個(gè)view才能實(shí)現(xiàn)view的切換，一個(gè)主要的controller view，2個(gè)其他的用于切換的view，主要的controller view是一直顯示在屏幕上的，而其他的view中，只有1個(gè)會(huì)顯示出來，其他的都被隱藏。ok，下面開始一步一步實(shí)現(xiàn)multiview吧，再說下去會(huì)越來越糊涂的。
0）項(xiàng)目簡介
今天要做的例子中包含3個(gè)view，一個(gè)controller view，我們會(huì)使用toolbar，2個(gè)用于切換的view，一個(gè)藍(lán)色底，一個(gè)黃色底，他們中間都有一個(gè)button，單擊button會(huì)有一個(gè)警告框彈出，告訴用戶當(dāng)前顯示的是哪個(gè)view。
1）創(chuàng)建一個(gè)工程，選擇Empty Application
這次不再選擇Single View Application，而選擇Empty Application，項(xiàng)目中的所有文件我們都會(huì)手動(dòng)進(jìn)行添加。
單擊Next按鈕，之后的操作和創(chuàng)建Single View項(xiàng)目一樣，設(shè)定項(xiàng)目名稱“View Switcher”，設(shè)定項(xiàng)目保存路徑，項(xiàng)目創(chuàng)建完成。
2）添加View Controller
由于我們使用的模板是Empty Application，因此當(dāng)創(chuàng)建完項(xiàng)目后，只有以下一些文件
里面并沒有我們需要的controller view，也沒有任何xib文件，這些都是需要我們手動(dòng)添加的。使用快捷鍵command+N或者菜單欄File>New>New File...，在彈出的窗口中，左邊選擇Cocoa Touch，右邊選擇UIViewController subclass，點(diǎn)擊Next按鈕
填寫類名BIDSwitchViewController，其他都是默認(rèn)選項(xiàng)（注意最后一個(gè)checkbox，如果選擇了，則將創(chuàng)建一個(gè)和BIDSwitchViewController關(guān)聯(lián)的xib文件，我們?cè)谶@里可以選上，但是為了弄清楚view controller和xib文件是如何關(guān)聯(lián)在一起的，在這個(gè)項(xiàng)目中我們暫時(shí)不選，后面我們會(huì)手動(dòng)連接這兩個(gè)文件），點(diǎn)擊Next按鈕。
選擇保持的位置，保存在“View Switcher”目錄下，完成創(chuàng)建。
BIDSwitchViewController是項(xiàng)目的最頂層的view controller（root controller），它用于控制另外2個(gè)view的切換，下面按照同樣的方法，創(chuàng)建另外2個(gè)view controller，一個(gè)名字教BIDBlueViewController，另一個(gè)叫做BIDYellowViewController，他們都不需要關(guān)聯(lián)xib，且都保存在“View Switcher”目錄下。創(chuàng)建完成后的“View Switcher”結(jié)構(gòu)如下
3）添加xib文件
使用快捷鍵command+N或者菜單欄File>New>New File...，在彈出的窗口中，左邊選擇User Interface，右邊選擇View，點(diǎn)擊Next按鈕
Device Family中選擇iphone，點(diǎn)擊Next
命名為SwitchView.xib，同樣保持在“View Switcher”目錄下，點(diǎn)擊Create，完成創(chuàng)建。
使用同樣的方法創(chuàng)建另外兩個(gè)xib，分別命名為BlueView.xib和YellowView.xib。至此，我們所有的文件都已經(jīng)創(chuàng)建完畢，整個(gè)的“View Switcher”結(jié)構(gòu)圖如下
接下來就是寫代碼的工作了。
4）編輯BIDAppDelegate文件
當(dāng)一個(gè)app啟動(dòng)的時(shí)候，我們都會(huì)默認(rèn)的把一個(gè)view載入當(dāng)前的iphone窗口（application's main window），在這個(gè)例子中，這個(gè)view就是我們的root view，即BIDSwitchViewController。我們是在BIDAppDelegate文件中設(shè)置默認(rèn)載入的view的，因此首先打開BIDAppDelegate.h，添加class BIDSwitchViewController，和它的一個(gè)property，如下
#import <UIKit/UIKit.h> @class BIDSwitchViewController; @interface BIDAppDelegate : UIResponder <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @property (strong, nonatomic) BIDSwitchViewController *switchViewController; @end
其中，@class是告訴BIDAppDelegate，后面的BIDSwitchViewController是一個(gè)類，應(yīng)該以類的方式處理該對(duì)象，后面在聲明property的時(shí)候，BIDAppDelegate就知道BIDSwitchViewController是一個(gè)類，不會(huì)不認(rèn)該對(duì)象。
接著打開BIDAppDelegate.m，添加如下代碼
#import "BIDAppDelegate.h" #import "BIDSwitchViewController.h" @implementation BIDAppDelegate @synthesize window = _window; @synthesize switchViewController; - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; // Override point for customization after application launch. self.switchViewController = [[BIDSwitchViewController alloc] initWithNibName:@"SwitchView" bundle:nil]; UIView *switchView = self.switchViewController.view; CGRect switchViewFrame = switchView.frame; switchViewFrame.origin.y += [UIApplication sharedApplication].statusBarFrame.size.height; switchView.frame = switchViewFrame; [self.window addSubview:switchView]; self.window.backgroundColor = [UIColor whiteColor]; [self.window makeKeyAndVisible]; return YES; } ......首先import BIDSwitchViewController，然后聲明synthesize，對(duì)應(yīng)于頭文件中的property。
didFinishLaunchingWithOption方法，當(dāng)一個(gè)app載入完成后需要做一些什么事情，在這里，我們指定了哪個(gè)view被載入到windows中作為默認(rèn)顯示的view。
self.switchViewController = [[BIDSwitchViewControlleralloc] initWithNibName:@"SwitchView" bundle:nil];
通過xib（在舊的版本中，xib被稱為nib，因此這里出現(xiàn)的是NibName）的名字來制定初始化哪個(gè)view
UIView *switchView = self.switchViewController.view;
獲取view
CGRect switchViewFrame = switchView.frame;
得到view的frame，也就是這個(gè)view的顯示位置，在前幾篇的文章中提到過這個(gè)屬性。
switchViewFrame.origin.y += [UIApplicationsharedApplication].statusBarFrame.size.height;
我覺得這句話比較重要，它將view的位置往下移動(dòng)了20point（point在非retina屏幕中是20px，在retina屏幕中是40px），這樣就不會(huì)擋住iphone頂部的狀態(tài)欄了。
switchView.frame = switchViewFrame;
將修改過的frame從新賦值給switchView
[self.window addSubview:switchView];
將switchView設(shè)置成window的subview。怎么理解這句話呢，就是說，一個(gè)app只有一個(gè)窗口（window），這個(gè)window只能同時(shí)顯示一個(gè)view，且這個(gè)view是基于這個(gè)window而存在的，是放在這個(gè)window里面的，因此稱之為window的subview，子視圖。
5）編輯BIDSwitchViewController.h
BIDSwitchViewController是root controller，用于控制其他2個(gè)view的切換，因此需要在其頭文件中聲明其他兩個(gè)controller，然后需要定義一個(gè)Action，用來完成對(duì)2個(gè)view的切換，將BIDSwitchViewController.h修改成如下
#import <UIKit/UIKit.h> @class BIDBlueViewController; @class BIDYellowViewController; @interface BIDSwitchViewController : UIViewController @property (strong, nonatomic) BIDBlueViewController *blueViewController; @property (strong, nonatomic) BIDYellowViewController *yellowViewController; - (IBAction)switchViews:(id)sender; @end
代碼還是很好理解的，和前面在BIDAppDelegate.h中添加BIDSwitchViewController是一樣的。
6）關(guān)聯(lián)BIDSwitchViewController和SwitchView.xib
在Project Navigator中選中SwitchView.xib，在xib的dock中選中File's Owner
然后在Identity inspector中將Class改成BIDSwitchViewController
這樣就將SwitchView.xib關(guān)聯(lián)到了BIDSwitchViewController，如果我們選擇Connections inspector，會(huì)看到我們剛才在BIDSwitchViewController.h中定義的Action：switchViews出現(xiàn)在Received Actions，我們之后就可以將這個(gè)Action關(guān)聯(lián)到SwitchView.xib的控件上。
7）在SwitchView.xib上添加Toolbar
在這個(gè)例子總，我們切換veiw的方式是點(diǎn)擊Toolbar上的一個(gè)button，然后切換2個(gè)view，SwitchView.xib使我們的root view，因此我們需要在SwitchView.xib上添加一個(gè)toolbar，然后點(diǎn)擊toolbar上的按鈕，切換BlueView.xib和YellowView.xib。
選中SwitchView.xib，在object library中找到Toolbar
拖動(dòng)到View上，放在最下方
默認(rèn)的，已經(jīng)有一個(gè)button在Toolbar上了，雙擊button改變文字，將文字改成“Switch Views”
接著就是將“Switch Views”按鈕關(guān)聯(lián)到switchViews，選中“Switch Views”，control-dragged到File's Owner，在彈出的框中選中switchViews
打開Connections inspector，我們可以看到關(guān)聯(lián)后的情況
有一個(gè)不同的地方，Toolbar上的button不像一般的button，會(huì)有很多的方法讓你進(jìn)行關(guān)聯(lián)，Toolbar上button的Sent Actions（其他的button叫做Send Events，有很多個(gè)方法）只有一個(gè)方法，而它的作用相當(dāng)于一般button的touch up inside。
8）關(guān)聯(lián)SwitchView.xib和BIDSwitchViewController's view outlet
BIDSwitchViewController繼承自UIViewController，在UIViewController中有一個(gè)outlet view，另外當(dāng)我們?cè)谧龅?）步的時(shí)候，將SwitchView.xib的class改成了BIDSwitchViewController，所以我們要將這個(gè)view關(guān)聯(lián)到SwitchView.xib，關(guān)聯(lián)的方法是選中SwitchView.xib，然后選中File's Owner，control-drag到下面的View
釋放鼠標(biāo)后，在填出的框中選則view，這樣就關(guān)聯(lián)好了。
關(guān)聯(lián)好后，查看Connections inspector，也可以看到關(guān)聯(lián)后的結(jié)果
9）編輯BIDSwitchViewController.m
添加如下代碼
#import "BIDSwitchViewController.h" #import "BIDYellowViewController.h" #import "BIDBlueViewController.h" @implementation BIDSwitchViewController @synthesize yellowViewController; @synthesize blueViewController;
2個(gè)#import這個(gè)很好理解，因?yàn)锽IDSwitchViewController是root controller，會(huì)控制另外2個(gè)controller，因此需要把另外2個(gè)controller引入進(jìn)來，這樣才可以對(duì)他們進(jìn)行操作。
2個(gè)synthesize對(duì)著頭文件中的2個(gè)property。
// Implement viewDidLoad to do additional setup after loading the view, typically from a nib. - (void)viewDidLoad { self.blueViewController = [[BIDBlueViewController alloc] initWithNibName:@"BlueView" bundle:nil]; [self.view insertSubview:self.blueViewController.view atIndex:0]; [super viewDidLoad]; }首先去掉viewDidLoad的注釋，然后添加以上的代碼。從最后一句可以看出，viewDidLoad方法繼承自UIViewController，在這里對(duì)其重載，這個(gè)方法發(fā)生在當(dāng)view已經(jīng)載入完成后，我們所要做的是當(dāng)root view載入完成后，在載入root view的subview，在我們的這個(gè)例子中是BlueView。BlueView的載入方法和前面的一樣，使用initWithNibName，然后作為subView插入到當(dāng)前的view中（當(dāng)前的view就是root view，也就是SwitchView）。
- (IBAction)switchViews:(id)sender { if(self.yellowViewController.view.superview == nil) { if(self.yellowViewController == nil) { self.yellowViewController = [[BIDYellowViewController alloc] initWithNibName:@"YellowView" bundle:nil]; } [blueViewController.view removeFromSuperview]; [self.view insertSubview:self.yellowViewController.view atIndex:0]; } else { if (self.blueViewController ==nil) { self.blueViewController = [[BIDBlueViewController alloc] initWithNibName:@"BlueView" bundle:nil]; } [yellowViewController.view removeFromSuperview]; [self.view insertSubview:self.blueViewController.view atIndex:0]; } }實(shí)現(xiàn)switchViews Action，上面的代碼還是很好理解的，首先判斷當(dāng)前哪個(gè)subview是沒有superview的，因?yàn)檫@2個(gè)subview不會(huì)同時(shí)顯示，當(dāng)blueSubview顯示時(shí)，YellowSubview就會(huì)從root view中移除，因此不會(huì)具有superview，當(dāng)?shù)弥莻€(gè)subview沒有superview，就說明應(yīng)該顯示這個(gè)subview。知道該顯示哪個(gè)subview后，再判斷這個(gè)subview是否還存在（是否需要重新載入初始化），然后將另一個(gè)subview從superview中移除，再將subview顯示出來。
- (void)didReceiveMemoryWarning { // Releases the view if it doesn't have a superview. [super didReceiveMemoryWarning]; // Release any cached data, images, etc that aren't in use. if (self.blueViewController.view.superview == nil){ self.blueViewController = nil; } else { self.yellowViewController = nil; } }當(dāng)ios的內(nèi)存不夠用時(shí)，didReceiveMemoryWarning會(huì)被系統(tǒng)自動(dòng)調(diào)用，來釋放可利用的內(nèi)存。在這里如果哪個(gè)subview沒有顯示，就釋放該subview，騰出內(nèi)存。
至此BIDSwitchViewController的所有代碼都寫好了，下面就應(yīng)該處理BIDBlueVeiwController和BIDYellowViewController了。
（友情提示，時(shí)不時(shí)的編譯一下你的project，盡早發(fā)現(xiàn)問題，容易修改，否則到后面自己都不知道錯(cuò)在哪里）
10）編輯BlueView.xib和YellowView.xib
分別在BlueView.xib和YellowView.xib上添加一個(gè)button，并命名為“Press me”。
修改BlueView.xib的class為BIDBlueViewController，修改YellowView.xib的class為BIDYellowController（修改方法：選中xib，點(diǎn)擊File's Owner，在Identity inspector中更改class）
class改變了，就需要重新關(guān)聯(lián)一下File's owner的view，方法和之前的一樣，選中File‘s Owner，control-drag到下面的View上，在彈出的框中選擇view，關(guān)聯(lián)完畢，2個(gè)xib都需要進(jìn)行這個(gè)操作。
在Attributes inspector中，將BlueView.xib的background顏色改成藍(lán)色
同樣的方法將YellowView.xib的background顏色改成黃色
還有一個(gè)地方需要設(shè)置，因?yàn)槲覀兪窃趓oot view中顯示這2個(gè)subview，而root view有一個(gè)toolbar在最下方，因此subview需要把toolbar的位置空出來，再進(jìn)行自己的布局，還是打開Attributes inspector，在Simulated Metrics欄中有很多現(xiàn)象，他們都是用來模擬iphone屏幕上各種占位控件的，我們將Button Bar的選項(xiàng)設(shè)成Toolbar，這樣xib就會(huì)空出Toolbar的位置來進(jìn)行布局計(jì)算了
仔細(xì)看的話，“Press me”按鈕的位置往上移動(dòng)了那么一點(diǎn)點(diǎn)
11）在BIDBlueViewController和BIDYellowViewController中添加代碼
在BIDBlueViewController.h中添加Action，如下
@interface BIDBlueViewController : UIViewController - (IBAction)blueButtonPressed; @end
在BIDBlueViewController.m中實(shí)現(xiàn)blueButtonPressed，如下
- (IBAction)blueButtonPressed { UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Blue View Button Pressed" message:@"You pressed the button on the blue view" delegate:nil cancelButtonTitle:@"Yep, I did" otherButtonTitles:nil]; [alert show]; }在BIDYellowViewController.h添加Action，如下
@interface BIDYellowViewController : UIViewController - (IBAction)yellowButtonPressed; @end
在BIDYellowViewController.m中實(shí)現(xiàn)yellowButtonPressed，如下
- (IBAction)yellowButtonPressed { UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"Yellow View Button Pressed" message:@"You pressed the button on the yellow view" delegate:nil cancelButtonTitle:@"Yep, I did" otherButtonTitles:nil]; [alert show]; }代碼都很簡單，就不多做解釋了。
12）關(guān)聯(lián)button和Action
打開BlueView.xib，選中“Press me”按鈕，control-drag到File's owner釋放，在填出的框中選擇blueButtonPressed。
打開YellowView.xib，選中“Press me”按鈕，control-drag到File's owner釋放，在填出的框中選擇yellowButtonPressed。
13）編譯運(yùn)行
至此我們已經(jīng)可以編譯運(yùn)行程序了，編譯成功后，iphone模擬器中顯示的效果（“Press me”按鈕的效果就不演示了）
按下“Switch Views”按鈕，BlueSubview會(huì)切換到Y(jié)ellowSubview
14）更炫的切換view的方法
有沒有發(fā)現(xiàn)上面切換view效果很無聊，ios中有更炫的切換view的方法，使用動(dòng)畫的方式切換view，打開BIDSwitchViewController.m，重新編輯switchViews方法，如下
- (IBAction)switchViews:(id)sender { [UIView beginAnimations:@"View Flip" context:nil]; [UIView setAnimationDuration:1.25]; [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; if(self.yellowViewController.view.superview == nil) { if(self.yellowViewController == nil) { self.yellowViewController = [[BIDYellowViewController alloc] initWithNibName:@"YellowView" bundle:nil]; } [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES]; [blueViewController.view removeFromSuperview]; [self.view insertSubview:self.yellowViewController.view atIndex:0]; } else { if (self.blueViewController ==nil) { self.blueViewController = [[BIDBlueViewController alloc] initWithNibName:@"BlueView" bundle:nil]; } [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.view cache:YES]; [yellowViewController.view removeFromSuperview]; [self.view insertSubview:self.blueViewController.view atIndex:0]; } [UIView commitAnimations]; }[UIViewbeginAnimations:@"View Flip" context:nil];
先可以不用理解這句話的意思，因?yàn)槲乙矝]有理解，反正這行代碼是聲明一個(gè)animation block，前一個(gè)參數(shù)是設(shè)置animation block的title，后一個(gè)參數(shù)是設(shè)置一個(gè)對(duì)象，我也搞不清楚是干什么的，大概在以后的學(xué)習(xí)中會(huì)有所了解。
[UIViewsetAnimationDuration:1.25];
設(shè)定動(dòng)畫時(shí)間，即切換view的時(shí)間
[UIViewsetAnimationCurve:UIViewAnimationCurveEaseInOut];
設(shè)定動(dòng)畫的運(yùn)動(dòng)方式，開始慢，中間快，最后慢，大家開始看ios自己的說明吧。（An ease-in ease-out curve causes the animation to begin slowly, accelerate through the middle of its duration, and then slow again before completing. This is the default curve for most animations.）
[UIViewsetAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES];
設(shè)定切換的樣式，一共有4個(gè)值可以選：
UIViewAnimationTransitionFlipFromRight
UIViewAnimationTransitionFlipFromLeft
UIViewAnimationTransitionFlipCurUp
UIViewAnimationTransitionFlipCurDown
這個(gè)大家自試試就可以知道了
[UIViewcommitAnimations];
當(dāng)所有動(dòng)畫的值設(shè)置完畢后，提交動(dòng)畫，之后view就會(huì)按照設(shè)定的動(dòng)畫進(jìn)行view的切換了。
（此圖截于書本，因此不同清晰）
15）總結(jié)
ok，所有的功能都已經(jīng)完成了，在這個(gè)例子中，我們使用toolbar來完成對(duì)不同view的切換，我們需要一個(gè)root view進(jìn)行總的控制，然后多個(gè)subview進(jìn)行切換，最后還使用一個(gè)比較炫的效果進(jìn)行view之間的轉(zhuǎn)換，內(nèi)容很充實(shí)！
View Switcher
原文地址：http://www.cnblogs.com/minglz/archive/2012/12/11/2809368.html