OS学习笔记32—使用Storyboard实现复杂界面

Storyboard是IOS5以后新增的内容，从名字上看，是以故事面板的形式来展现界面间的逻辑关系，Storyboard的功能很强大，今天就简要介绍Storyboard的基本使用，界面间的关系，以及如何使用xib和Storyboard共同使用的情况。

首先新建一个Empty工程，并新建一个Storyboard，我命名为MainStoryboard,以下是完整的工程目录结构：

打开MainStoryboard后拖入一个UITabViewController，并设置两个tab为UINavigationController，第三个tab设置一个ViewController。关联的方式为按住control点击鼠标左键拖动到目标界面即可，松开鼠标后点击如下第一个选项：

最后在UINavigationController上分别添加Next按钮，同样按住control键点击拖动到下一个界面松开选择push就完成了跳到下一页的功能，这比之间在代码中手写要方便、快捷。第一个Storyboard的整体布局如下：

在最后一个ViewController中（Third）中添加按钮，点击后跳到另外一个Storyboard（SecondStoryboard），SecondStoryboard的布局如下：

同样给SecondStoryboard添加一个导航视图。

然后新建几个ViewController文件，分别命名为FirstViewController、SecondViewController。。。，并在storyboard中选中指定的界面关联这些ViewController文件：

接下来就是主要实现的代码，在AppDel额gate中添加如下代码：

[cpp] view http://blog.csdn.net/ryantang03/article/details/7919234

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];
// Override point for customization after application launch.
//使用Storyboard初始化根界面
// UIStoryboard *storyBoard = [UIStoryboard storyboardWithName:@"MainStoryboard" bundle:nil];
// self.window.rootViewController = [storyBoard instantiateInitialViewController];
//启动后首先进入登陆界面
LoginViewController *loginViewController = [[LoginViewController alloc] initWithNibName:@"LoginViewController" bundle:nil];
self.window.rootViewController = loginViewController;
self.window.backgroundColor = [UIColor whiteColor];
[self.window makeKeyAndVisible];
return YES;
}

现在编译运行后，就可以看到界面了：

然后打开ThirdViewController，为按钮添加如下事件，切换到SecondStoryboard

[cpp] view plaincopy

- (IBAction)openStoryboard:(id)sender {
UIStoryboard *secondStoryboard = [UIStoryboard storyboardWithName:@"SecondStoryboard" bundle:nil];
[self presentModalViewController:[secondStoryboard instantiateInitialViewController] animated:YES];
}

这样就完成了从一个storyboard切换到另一个storyboard。

运行截图如下：

接下来实现如何结合xib和storyboard共同使用，在一般开发中有这么一种场景，首先打开软件后进入登陆或者注册界面，登陆成功后跳转到软件首页，那么这里建立一个LoginViewController并创建LoginViewController.xib文件，里面添加一个Login按钮，并响应事件：

[cpp] view plaincopy

<span style="font-family:Comic Sans MS;font-size:18px;">- (IBAction)loginBtnClicked:(id)sender {
//点击登陆按钮后切换到storyboard界面
UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard" bundle:nil];
// self.view.window.rootViewController = [storyboard instantiateInitialViewController];
[self presentModalViewController:[storyboard instantiateInitialViewController] animated:YES];
[storyboard release];
}</span>

点击Login按钮后，就跳转到之前实现Storyboard的首页了：

转自http://blog.csdn.net/ryantang03/article/details/7919234；

源码下载

转载于:https://www.cnblogs.com/flylovesky/p/3310691.html

OS学习笔记32—使用Storyboard实现复杂界面相关推荐

【OS学习笔记】四十保护模式十：中断和异常的处理与抢占式多任务对应的汇编代码----动态加载的用户程序/任务二代码
本文是以下几篇文章对应的微型动态加载的用户程序/任务二代码: [OS学习笔记]三十四保护模式十:中断和异常区别 [OS学习笔记]三十五保护模式十:中断描述符表.中断门和陷阱门 [OS学习笔记]三十 ...
【OS学习笔记】三十九保护模式十：中断和异常的处理与抢占式多任务对应的汇编代码----动态加载的用户程序/任务一代码
本文是以下几篇文章对应的动态加载的用户程序/任务一代码: [OS学习笔记]三十四保护模式十:中断和异常区别 [OS学习笔记]三十五保护模式十:中断描述符表.中断门和陷阱门 [OS学习笔记]三十六 ...
【OS学习笔记】三十八保护模式十：中断和异常的处理与抢占式多任务对应的汇编代码----微型内核汇代码
本文是以下几篇文章对应的微型内核代码汇编代码: [OS学习笔记]三十四保护模式十:中断和异常区别 [OS学习笔记]三十五保护模式十:中断描述符表.中断门和陷阱门 [OS学习笔记]三十六保护模式十 ...
【OS学习笔记】三十七保护模式十：中断和异常的处理与抢占式多任务对应的汇编代码----主引导扇区代码
本文是以下几篇文章对应的主引导扇区代码汇编代码: [OS学习笔记]三十四保护模式十:中断和异常区别 [OS学习笔记]三十五保护模式十:中断描述符表.中断门和陷阱门 [OS学习笔记]三十六保护模式 ...
【OS学习笔记】三十五保护模式十：中断描述符表、中断门和陷阱门
上一篇文章学习了中断与异常的概念:[OS学习笔记]三十四保护模式十:中断和异常区别本片文章接着学习以下内容: 中断描述符表中断门陷阱门 1 中断描述符表我们前面讲了无数次,在实模式下,是由位 ...
【OS学习笔记】三十三保护模式九：分页机制对应的汇编代码之---用户程序代码
本片文章是以下两篇文章: [OS学习笔记]三十保护模式九:段页式内存管理机制概述 [OS学习笔记]三十一保护模式九:页目录.页表和页三者的关系详解对应的用户程序汇编代码. ;代码清单16-2;文 ...
【OS学习笔记】三十二保护模式九：分页机制对应的汇编代码之---内核代码
本片文章是以下两篇文章: [OS学习笔记]三十保护模式九:段页式内存管理机制概述 [OS学习笔记]三十一保护模式九:页目录.页表和页三者的关系详解对应的内核汇编代码. ;代码清单16-1;文件名 ...
【OS学习笔记】二十九保护模式八：任务切换对应的汇编代码之用户程序代码
本汇编代码对应以下两篇文章对应的用户程序汇编代码: [OS学习笔记]二十六保护模式八:任务门-任务切换 [OS学习笔记]二十七保护模式八:任务切换的方法之----jmp与call的区别以及任务的中 ...
【OS学习笔记】二十八保护模式八：任务切换对应的汇编代码之内核代码
本汇编代码对应以下两篇文章对应的内核汇编代码: OS学习笔记]二十六保护模式八:任务门-任务切换 [OS学习笔记]二十七保护模式八:任务切换的方法之----jmp与call的区别以及任务的中断嵌套 ...

OS学习笔记32—使用Storyboard实现复杂界面

OS学习笔记32—使用Storyboard实现复杂界面相关推荐

最新文章

热门文章