编程学习网 > 编程教程 > iOS 教程
2015
09-22

iOS 故事板(Storyboards)

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

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

扫码二维码 获取免费视频学习资料

编程学习