IOS 故事板(Storyboards)

storyboards在 iOS 5 中才有介绍,当我们用Storyboards时,部署目标应该是iOS5.0或更高版本。Storyboards 帮助我们了解视觉流动的画面,在界面为MainStoryboard.storyboard下创建所有应用程序屏幕。实例步骤

1. 创建一个single view application,创建应用程序时选择 storyboard 复选框。

2. 选择MainStoryboard.storyboard,在这里你可以找到单一视图控制器。添加一个视图控制器,更新视图控制器,如下所示storyboardInterface


IOS 故事板(Storyboards)_第1张图片

3.连接两个视图控制器。右键单击"show modal(显示模式)"按钮,在左侧视图控制器将其拖动到右视视图控制器中,如下图所示:storyboardButtonAction


4.现在从如下所示的三个显示选项中选择modal(模态)storyboardButtonActionModal5.更新 ViewController.h 如下所示#import@interface ViewController : UIViewController

IOS 故事板(Storyboards)_第2张图片

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

@end

6.更新 ViewController.m 如下所示

IOS 故事板(Storyboards)_第3张图片
IOS 故事板(Storyboards)_第4张图片

#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 "按钮,在右侧视图控制器中选择和连接后退按钮,如下图所示

IOS 故事板(Storyboards)_第5张图片

storyboardButtonExitAction

输出


storyboardOutput1

现在,选择显示模式,将得到下面的输出结果

storyboardOutput2

你可能感兴趣的:(IOS 故事板(Storyboards))