Swift UI搭建新得(-) -- 驾驭 StoryBoard
2016-02-20 18:03
381 查看
代码示例:https://github.com/johnlui/Swift-On-iOS/blob/master/DifferentWaysToBuildTheUserInterface
本系列文章中,我们将一起认识、了解当下 iOS 开发中几种常见的 UI 构建方式,分析他们分别适合的使用场景,以便让我们在以后的开发中,能够在恰当的时间、场景下做出最佳的选择,提升开发效率,增强程序的可维护性。本文作为开篇,我们将一起尝试驾驭强大的 Storyboard。
StoryBoard 的本质
StoryBoard 是苹果在 iOS 5 中引入的新技术方案,目的是给纷繁复杂的 nib、xib 们一个温暖的家,让他们之间的关系更直观地展示出来,并提供了一种新的页面间跳转方式 segue。
StoryBoard 的本质是一个 XML 文件,描述了若干窗体、组件、Auto Layout 约束等关键信息。示例文件:https://github.com/johnlui/AutoLayout/blob/master/AutoLayout/Base.lproj/Main.storyboard
但是,我们应该认识到一个更重要的本质:使用 StoryBoard 的 iOS 项目均以初始化 StoryBoard 文件作为整个程序的初始化入口,UIViewController 类是由于被 StoryBoard 绑定而初始化,从而开始运行的。从下面两个地方可以找到蛛丝马迹:
![](http://img.blog.csdn.net/20160220175636669)
![](http://img.blog.csdn.net/20160220175649998)
奇怪的 bug
初学 iOS 开发的时候,如果使用了 StoryBoard,大家可能遇到过这个奇怪的 bug,页面全黑:
![](http://img.blog.csdn.net/20160220175715624)
如果大家跟我一样纯靠找资料自学而没有人教的话,一定出现过死活找不到原因而新建一个项目的尴尬情况吧 o(╯□╰)o,其实秘密在这里:
![](http://img.blog.csdn.net/20160220175758341)
这表示这个窗体是此 StoryBoard 的初始窗体的意思,这样 APP 在启动以后,会先启动主 StoryBoard,主 StoryBoard 会启动它的初始窗体,初始窗体启动跟他绑定的类,这样 APP 就启动完成了。
多 StoryBoard 最佳实践
托福喵 1.0 版是我第一个上架的项目,只用了初始化项目时建立的那唯一的 Main.storyboard,里面有二十几个窗体,在 Xcode 里每次点击打开都要等五秒才能完全渲染完毕,而且 Segue 线交错纵横,非常凌乱。这显然不是个好的组织方式。
我现在正在重写的托福喵第二版已经采用了多 StoryBoard 的解决方案,把一些独立的窗体组合放到一起使用一个 StoryBoard 进行组织,比如登陆注册的几个窗体,考试界面的几个窗体,关于我们的几个窗体等。下面我们将一起学习如何使用多 StoryBoard。
新建第二个 StoryBoard
如下图:
![](http://img.blog.csdn.net/20160220175916342)
给 Second.storyboard 拖入一个 View Controller:
![](http://img.blog.csdn.net/20160220175942018)
如何调用 Second.storyboard 中的窗体?
首先,编译项目,我们得到如下警告:
![](http://img.blog.csdn.net/20160220180008050)
这个警告的意思是,这个窗体没有入口,无法被触达。如何让他能够被触达?两种方式:
设置为该 StoryBoard 的初始窗体:
![](http://img.blog.csdn.net/20160220180029581)
能够被触达之后,让我们用代码调用他们:
① 作为初始窗体
② 设置了 StoryBoard ID
当然,也可以用 self.presentViewController 调用他们。
查看效果
本系列文章中,我们将一起认识、了解当下 iOS 开发中几种常见的 UI 构建方式,分析他们分别适合的使用场景,以便让我们在以后的开发中,能够在恰当的时间、场景下做出最佳的选择,提升开发效率,增强程序的可维护性。本文作为开篇,我们将一起尝试驾驭强大的 Storyboard。
StoryBoard 的本质
StoryBoard 是苹果在 iOS 5 中引入的新技术方案,目的是给纷繁复杂的 nib、xib 们一个温暖的家,让他们之间的关系更直观地展示出来,并提供了一种新的页面间跳转方式 segue。
StoryBoard 的本质是一个 XML 文件,描述了若干窗体、组件、Auto Layout 约束等关键信息。示例文件:https://github.com/johnlui/AutoLayout/blob/master/AutoLayout/Base.lproj/Main.storyboard
但是,我们应该认识到一个更重要的本质:使用 StoryBoard 的 iOS 项目均以初始化 StoryBoard 文件作为整个程序的初始化入口,UIViewController 类是由于被 StoryBoard 绑定而初始化,从而开始运行的。从下面两个地方可以找到蛛丝马迹:
奇怪的 bug
初学 iOS 开发的时候,如果使用了 StoryBoard,大家可能遇到过这个奇怪的 bug,页面全黑:
如果大家跟我一样纯靠找资料自学而没有人教的话,一定出现过死活找不到原因而新建一个项目的尴尬情况吧 o(╯□╰)o,其实秘密在这里:
这表示这个窗体是此 StoryBoard 的初始窗体的意思,这样 APP 在启动以后,会先启动主 StoryBoard,主 StoryBoard 会启动它的初始窗体,初始窗体启动跟他绑定的类,这样 APP 就启动完成了。
多 StoryBoard 最佳实践
托福喵 1.0 版是我第一个上架的项目,只用了初始化项目时建立的那唯一的 Main.storyboard,里面有二十几个窗体,在 Xcode 里每次点击打开都要等五秒才能完全渲染完毕,而且 Segue 线交错纵横,非常凌乱。这显然不是个好的组织方式。
我现在正在重写的托福喵第二版已经采用了多 StoryBoard 的解决方案,把一些独立的窗体组合放到一起使用一个 StoryBoard 进行组织,比如登陆注册的几个窗体,考试界面的几个窗体,关于我们的几个窗体等。下面我们将一起学习如何使用多 StoryBoard。
新建第二个 StoryBoard
如下图:
给 Second.storyboard 拖入一个 View Controller:
如何调用 Second.storyboard 中的窗体?
首先,编译项目,我们得到如下警告:
这个警告的意思是,这个窗体没有入口,无法被触达。如何让他能够被触达?两种方式:
设置为该 StoryBoard 的初始窗体:
能够被触达之后,让我们用代码调用他们:
① 作为初始窗体
let vc = UIStoryboard(name: "Second", bundle: nil).instantiateInitialViewController() as! UIViewController self.navigationController?.pushViewController(vc, animated: true)
② 设置了 StoryBoard ID
let vc = UIStoryboard(name: "Second", bundle: nil).instantiateViewControllerWithIdentifier("First") as! UIViewController self.navigationController?.pushViewController(vc, animated: true)
当然,也可以用 self.presentViewController 调用他们。
查看效果
相关文章推荐
- swift2.0笔记3
- The Swift Programming Language学习笔记(四)——字符串和字符
- The Swift Programming Language学习笔记(三)——基本运算符
- The Swift Programming Language学习笔记 (二)——基础部分
- The Swift Programming Language学习笔记(一)——初见Swift
- Swift实现自定义的UITabBarController
- swift 实现随机验证码,不区分大小写进行验证
- Swift 枚举Enumerations
- 我为什么要学Swift
- 基本数据类型——swift学习笔记(2)
- 来自苹果的编程语言——Swift简单介绍
- Swift:使用系统AVFoundation实现二维码扫描和生成
- 每天学习一点儿 swift
- swift菜鸟入门视频教程-03-字符串和字符
- swift按照一定规则生成校验签名sign,扩展Dictionary
- swift2.0笔记2
- dyld: Library not loaded: @rpath/libswiftAVFoundation.dylib
- swift-MD5加密
- swift中调用OC对称加密AES
- SWIFT 开发环境