登录 |  注册
首页 >  移动开发 >  IOS开发入门教程笔记 >  iOS故事板(Storyboards)

iOS故事板(Storyboards)

iOS故事板(Storyboards)是Apple在iOS 5中引入的一种可视化界面构建工具,它允许开发者在一个单一的文件中设计和管理整个应用程序的所有用户界面屏幕以及它们之间的导航关系。故事板通过Interface Builder集成到Xcode开发环境中,为开发者提供了一种直观的方式来组织UI元素、设置约束以及定义不同视图控制器间的转换逻辑。

实例步骤

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

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

story1.jpg

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

story1.jpg

4.现在从如下所示的三个显示选项中选择modal(模态)

iosstory1.jpg

5.更新 ViewController.h 如下所示

1
2
3
4
5
6
7
#import <UIKit/UIKit.h>
 
@interface ViewController : UIViewController
 
-(IBAction)done:(UIStoryboardSegue *)seque;
 
@end

6.更新 ViewController.m 如下所示

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#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-story1.jpg

输出

在iPhone设备中运行该应用程序,得到如下输出结果

ios-story1.jpg

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

ios-story1.jpg

上一篇: iOS应用程序调试
下一篇: iOS音频和视频(Audio&Video)
推荐文章
  • Android碎片(Fragment)是Android应用程序架构中的一个重要组件,旨在支持构建适应不同屏幕尺寸和形态的应用界面。以下是关于Fragment的详细说明:概念与作用定义与性质:Fragment 是一个可以嵌入在 Activity 内部的、具有独立用户界面和生命周期的模块化组件,继承自 
  • Android服务(Service)Android服务(Service)是Android应用程序架构中的四大组件之一,它专为在后台执行长时运行任务而设计,无需与用户直接交互或显示界面。以下是关于Android服务的详细说明:概念与作用定义与性质:Service 是一个应用程序组件,继承自 andro
  • Android活动(Activity)是Android应用程序架构中的核心组件之一,它在用户界面(UI)的呈现和应用程序与用户的交互中扮演着至关重要的角色。以下是关于Android活动的详细说明:概念与作用定义与性质:Activity 是一个应用程序组件,通常代表一个单一的、用户可感知的屏幕界面,如
  • Android资源管理是Android开发中的重要组成部分,它负责组织、编译和打包应用程序所需的各种非代码资源,如文本、图形、音频、视频、布局文件、字符串等,确保这些资源能够在不同设备配置、语言环境和屏幕尺寸下正确、高效地使用。以下是关于Android资源管理的关键要点:资源目录结构:drawabl
  • Android应用程序组件是构成Android应用程序的基本构造单元,它们各自承担特定的任务,并通过相互协作来实现应用程序的整体功能。以下是Android应用程序的四大核心组件及其功能概述:Activity(活动):作用:Activity是Android应用中与用户直接交互的主要界面组件。它代表一个
  • Android架构是一种分层设计,旨在构建一个高效、可扩展且易于开发的应用生态系统。尽管不同资料可能会根据具体解释的深度和侧重点稍有差异,但总体上,Android架构可以概括为以下几个主要层次:1. 应用程序层(ApplicationLayer)这是Android架构的顶层,包含了面向用户的各种应用
学习大纲