之前在網上iOS的頁面跳轉大多都是按回以前的那種xib的形式,但鄙人是使用storyboard的。這篇就只介紹利用storyboard進行頁面跳轉與傳值。
新建頁面
iOS的程序也是使用了MVC的思想,頁面文件與代碼文件是分離的,這點與Android的類似。在使用storyboard的方式中,新建頁面只需要在storyboard中拖入一個View Controller則可,
接下來就可以在新建的頁面中添加各種控件來編輯這個新建的頁面。
在新建的頁面上編排各種視圖控件如同在Android中編輯那個布局的xml,但是要讓程序代碼與這個視圖關聯,需要做一些操作。首先必不可少是建立一個相關聯的類,此時需要新建一個Objective-C的class,基類就選擇對應的View Controller基類,這裡就最簡單的UIViewController,With XIB for user Interface那個復選框不能勾,點擊完成便可成功建立一個View Controller。
回到stroyboard視圖,選擇剛剛新建的視圖頁面,點擊下圖的紅框框住的部分
在下圖紅框處選擇對應的View Controller,這樣就把視圖與程序代碼文件View Controller關聯上了。
頁面跳轉
建立完新頁面就可以進行頁面間的跳轉,最簡單的跳轉則是用類似建立控件Outlet或者綁定事件一樣,按住Ctrl鍵然後拖動到要跳轉到的頁面上,然後在彈出的窗口選擇modal:
在運行程序後點擊按鈕就可以實現跳轉。
另一種跳轉的方式則是在起始頁面按著Ctrl鍵然後拖動到目標頁面中,彈出窗口的選項跟上面的一樣,然後選中兩個頁面連線,在下圖紅框處給這個Segue命名:
最後在View Controller想觸發跳轉的地方(就比如點擊按鈕,則在按鈕的點擊事件的方法中)添加下面代碼
[self performSegueWithIdentifier:@“segue的名” sender:nil];
則可實現跳轉。
跳轉到新的頁面後要返回上一個頁面,則在需要返回的地方添加以下代碼
[self dismissModalViewControllerAnimated:true];
參數true與false代表的是跳轉的頁面的切換時是否使用動畫
頁間傳值
頁面間值的傳遞最簡單的方式是定義一個全局變量,無論是跳轉還是返回,都可從該變量中get/set到值,如果不用這種方式,跳轉時傳值可以使用prepareForSegue sender 方法,返回時可以使用協議的方式,下面分別來看看。
使用prepareForSegue sender 方法來傳遞值,需要先在目標頁面的View Controller的類聲明處聲明傳遞參數的屬性,比如那個屬性就叫value1吧,接著在起始頁的地方實現方法
-(void) prepareForSegue: (UIStoryBoardSegue *)segue sender: (id) { if([segue.identifier compare:@"mySegue"]==NO) { id page2=segue.destinationViewController; [page2 setValue:self.lbUserName2.text forKey:@"value1"]; } }
起到傳值作用是 setValue forKey的方法,segue的destinationViewController可以獲取到當前Segue所跳到的目標頁面的View Controller。這裡有一個判斷,用於判別這個跳轉動作的segue是否是需要傳值的那個segue,因為如果一個頁面會有多個Segue跳轉到不同的頁面,不這樣區分,在目標頁面的View Controller中沒有相應的參數時則會拋出異常。
采用協議的方式進行返回時傳值,思想是這樣的,定義相關的協議,協議是給起始頁實現的,目的在於開放一些供賦值的方法給目標頁面調用,目標頁面在返回的時候就調用那些方法來把返回值傳回給起始頁面,目標頁面如何獲取起始頁的實例呢,那就通過頁面上面的setValue forKey方法來傳值,下面給一個示例
定義協議
@protocol HGReturnView1Delegate-(void) setReturnText:(NSString *) value; @end
起始頁面需要實現該協議,實現部分的代碼就不貼出來了。目標頁的聲明處需要定義一個上面的協議屬性:
@property (weak,nonatomic) id delegate;
在頁面跳轉時傳值時就調用以下代碼:
[self setValue:self forKey:@”delegate”];
在返回的時候需要用到delegate屬性進行強制轉換,轉換後調用setReturnText方法
NSObject*tmpDele=self.delegate; [tmpDele setReturnText: self.txtReturn.text];
到這裡頁間傳值就完成了。