使用 Storyboard Segue 實作 UIViewController 的切換（下）

 

延續前一篇的文章使用 Storyboard Segue 實作 UIViewController 的切換（上），我們已經成功建立兩個可以互相切換的 UIViewController，一個是透過 Storyboard Segue 來切換，另一個則是使用 dismissViewControllerAnimated: 的方法來返回先前的 UIViewController，接下來就是要解決兩個 UIViewController 之間傳值的問題，這裡同樣提供兩個方法，在頁面 1 的部份同樣使用 Storyboard Segue 來幫助我們傳遞資訊給頁面 2，而在頁面 2 的部份，則是使用老方法，透過代理委托 delegate 的方式來傳送資訊。

首先我們在兩個 UIViewController 分別拉一個 UITextField 元件，並將此元件與 class 做連結，分別命名為 page1TextField 與 page2TextField，連結的方式可以參考從使用 UIButton 說 Hello 開始說起（上）ㄧ文，如果是使用 Xcode 4 的朋友也可以直接參考 Xcode 4 的 Assistant Editor 關聯編輯功能ㄧ文，節省撰寫程式碼的時間。

在透過 Storyboard Segue 傳值的部份，我們必須在頁面 2 的 UIViewController class 裡設置一個 NSString 的變數，它的目的是用來接收由頁面 1 透過 Storyboard Segue 所傳過來的資訊，程式碼如下。

@property (weak) NSString *string;

//別忘了在對應的實作檔中加入@synthesize string;

之後在 viewDidLoad 的函式裡我們將 string 的值指定給 page2TextField，這個動作會讓頁面 2 的畫面在被開啓時就會把 page2TextField 的內容設成 Storyboard Segue 所傳送過來的值。

- (void)viewDidLoad
{
    [super viewDidLoad];

    page2TextField.text = string;
}


接著回到頁面 1 的 UIViewController class 裡，新增一個內建的函式如下，就完成透過 Storyboard Segue 傳值的方法。

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {

    //將page2設定成Storyboard Segue的目標UIViewController
    id page2 = segue.destinationViewController;

    //將值透過Storyboard Segue帶給頁面2的string變數
    [page2 setValue:page1TextField.text forKey:@"string"];
}

另一個方法就是使用代理委托 delegate 的方法，透過建立一個協定 @protocol 的方式，讓其它的採納此協定的 class 可以實作協定內的函式，我們在頁面 2 的 UIViewController class 裡設置一個協定，並且在頁面 1 的 UIViewController class 裡實作協定裡的方法，讓程式執行到頁面 2 時，仍然能夠取得頁面 1 的實例 Instance，進而使用協定裡的方法來設定 page2TextField 的數值。

首先來到頁面 2 的 UIViewController class，建立一個協定 Page2Delegate，並且定義其內部的方法 passValue:，接著宣告一個採用此協定的物件 delegate，其程式碼如下。

#import <UIKit/UIKit.h>
//建立一個協定
@protocol Page2Delegate

//協定中的方法
- (void)passValue:(NSString *)value;

@end

@interface Page2ViewController : UIViewController
@property (weak, nonatomic) IBOutlet UITextField *page2TextField;
@property (weak) NSString *string;

//宣告一個採用Page2Delegate協定的物件
@property (weak) id<Page2Delegate> delegate;
@end

接下來就是決定協定中的方法要在什麼時候生效，也就是要在什麼地方呼叫 passValue: 方法函式，而此函式會在採用此協定的類別 Class 中被實作。回顧程式的需求，我們希望在頁面 2 按下返回頁面 1 的按鈕時，能將 page2TextField 的數值傳給頁面 1 的 page1TextField，所以呼叫協定 passValue: 方法的程式碼，勢必要寫在此按鈕事件中。

- (IBAction)returnToFirstPage:(id)sender {

    [self dismissViewControllerAnimated:YES completion:^{}];

    //呼叫協定中的方法並帶入page2textField的數值
    [delegate passValue:page2TextField.text];
}

現在，當我們按下頁面 2 的按鈕時，就會呼叫採用 Page2Delegate 協定的 class，而此 class 必須要實作此協定內的方法，所以回到頁面 1 的 UIViewController class，我們要替此 class 採用 Page2Delegate 的協定，並且實作協定內的 passValue: 方法函式。

採用協定的方式是在 @interface 區段的地方加上 <協定名稱> 的程式碼，由於此協定是寫在別的 class 中，所以在採用協定之前別忘了先引用它，以下是頁面 1 的 UIViewController class .h 標頭檔。

#import <Uikit/Uikit.h>

//引用持有Page2Delegate協定的class
#import "Page2ViewController.h"

@interface MLViewController : UIViewController <page2delegate> //採用協定
@property (weak, nonatomic) IBOutlet UITextField *page1TextField;

@end

接著在 .m 實作檔中實作協定內的 passValue: 方法函式。

- (void)passValue:(NSString *)value {

    //設定page1TextField為所取的的數值
    page1TextField.text = value;
}

最後一個步驟，也就是大家常常會忘記的，要將代理 delegate 設成自己（頁面 1 的 UIViewController），也就是大家在使用協定時最常寫的一行程式碼 object. delegate = self（object 指的就是頁面 2 的 UIViewController），至於這行程式碼要寫在哪裡？還記得之前透過 Storyboard Segue 傳值的部份，我們已經藉由內建的函式取得頁面 2 的 UIViewController 實例 page2，所以我們修改此內建函式，利用 page2 來設定 delegate 變數。

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {

    //將page2設定成Storyboard Segue的目標UIViewController
    id page2 = segue.destinationViewController;

    //將值透過Storyboard Segue帶給頁面2的string變數
    [page2 setValue:page1TextField.text forKey:@"string"];

    //將delegate設成自己（指定自己為代理）
    [page2 setValue:self forKey:@"delegate"];
}

如果忽略此步驟，頁面 2 裡的 delegate 參數在呼叫 passValue 方法時，並不會知道是誰（哪個 class）實作了它的方法，因此參數也無法由頁面 2 傳遞至頁面 1。

ps:如果你對於解散 UITextField 的小鍵盤有問題，可以參考UITextField 輸入結束後的收起小鍵盤的方式ㄧ文。