iOS 故事板(Storyboards)


簡介

Storyboards在 iOS 5 中才有介紹,當我們用Storyboards時,部署目標應該是iOS5.0或更高版本。

Storyboards 幫助我們瞭解視覺流動的畫面,在介面為

MainStoryboard.storyboard下建立所有應用程式螢幕。

例項步驟

1. 建立一個single view application,建立應用程式時選擇 storyboard 複選框。

2. 選擇MainStoryboard.storyboard,在這裡你可以找到單一檢視控制器。新增一個檢視控制器,更新檢視控制器,如下所示

storyboardInterface

3.連線兩個檢視控制器。右鍵單擊"show modal(顯示模式)"按鈕,在左側檢視控制器將其拖動到右視檢視控制器中,如下圖所示:

storyboardButtonAction

4.現在從如下所示的三個顯示選項中選擇modal(模態)

storyboardButtonActionModal

5.更新 ViewController.h 如下所示

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController

-(IBAction)done:(UIStoryboardSegue *)seque;

@end

6.更新 ViewController.m 如下所示

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];    
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
-(IBAction)done:(UIStoryboardSegue *)seque{
    [self.navigationController popViewControllerAnimated:YES];
}

@end

7.選擇"MainStoryboard.storyboard",並右鍵點選"Exit "按鈕,在右側檢視控制器中選擇和連線後退按鈕,如下圖所示

storyboardButtonExitAction

輸出

在iPhone裝置中執行該應用程式,得到如下輸出結果

storyboardOutput1

現在,選擇顯示模式,將得到下面的輸出結果

storyboardOutput2