iOS应用开发中StoryBoard搭建UI界面的基本使用讲解

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 的初始窗体：

给该窗体设置一个 StoryBoard ID：

能够被触达之后，让我们用代码调用他们：

① 作为初始窗体

代码如下:

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 调用他们。

查看效果

多个storyboard间跳转总结
Stroyboard 可以被看作一个管理View画面的集合。也就是说一个iOS专案裡面并没有限制只能有一个Storyboard。
所以在你的APP专案中，你可以把功能相近的View放到同一个APP之中，形成一个群组，方便功能上的管理。

1.在专案中准备2个Storyboard

在一个IOS的专案裡面建立两个StoryBoard。

2. 在第一个StoryBoard中，我们拉出了一个Navigation 的Template，在[Main View Controller]这个中View裡面拉进一个Button。

3. 接著在第二个StoryBoard裡面我们也拉出一个Navigation template。
在画面中拉一个Label标籤，并且在裡面我们把文字改成Storyboard2。这只是用来识别目前我们被带到哪一个画面之中。

4. 在第一个StoryBoard画面中的Botton裡面，我们要在按钮的[TouchUpinside]事件中撰写底下的程式码。

代码如下:

UIStoryboard *secondStoryBoard = [UIStoryboard storyboardWithName:@"Storyboard2" bundle:nil];
UIViewController* test2obj = [secondStoryBoard instantiateViewControllerWithIdentifier:@"test2"];  //test2为viewcontroller的StoryboardId
[self.navigationController pushViewController:test2obj animated:YES];

第一步就是要先指定UIStoryboard物件，这边我们要指向专案中的第二个Storyboard。
接下来我们要先New出一个Controller物件，这是你要Push到的下一个View页面，他所对应的Controller。
最后使用self.navigationController推网页到下一页。

赞 (0)

相关推荐

  • 详解iOS开发中使用storyboard创建导航控制器的方法

    详解iOS开发中使用storyboard创建导航控制器的方法

    关于StoryBoard iOS5之后Apple提供了一种全新的方式来制作UI,那就是StoryBoard.简单理解来说,可以把StoryBoard看做是一组viewController对应的xib,以及它们之间的转换方式的集合.在StoryBoard中不仅可以看到每个ViewController的布局样式,也可以明确地知道各个ViewController之间的转换关系.相对于单个的xib,其代码需求更少,也由于集合了各个xib,使得对于界面的理解和修改的速度也得到了更大提升.减少代码量就是减少

  • 详解IOS 利用storyboard修改UITextField的placeholder文字颜色

    详解IOS 利用storyboard修改UITextField的placeholder文字颜色

    详解IOS 利用storyboard修改UITextField的placeholder文字颜色 最近有个需求需要修改UITextField的placeholder文字颜色,在网上找发现有用代码修改的,但是考虑到更加优雅的实现,所以尝试着在storyboard中直接实现,结果竟然真的成功了, 实现的位置如下: 具体步骤: 1.在User Defined Runtime Attributes中添加一个Key. 2.输入Key Path(这里我们输入_placeholderLabel.textColo

  • 详解iOS应用使用Storyboard布局时的IBOutlet与IBAction

    在图形界面编程时,解决的第一问题就是如何将静态界面与代码关联起来,或者说是代码如何与界面上的对象 通信, 代码如何操作界面上的对象.在iPhone平台上,引入了IBOutlet与IBAction.通过在变量前增加IBOutlet 来说明该变量将与界面上的某个UI对象对应,在方法前增加IBAction来说明该方法将与界面上的事件对应. 下面通过一个连接网络服务器(NetworkConnection)的例子来说明IBOutlet与IBAction. 界面上有host 与 port 的Text Fie

  • iOS开发之使用Storyboard预览UI在不同屏幕上的运行效果

    iOS开发之使用Storyboard预览UI在不同屏幕上的运行效果

    在公司做项目一直使用Storyboard,虽然有时会遇到团队合作的Storyboard冲突问题,但是对于Storyboard开发效率之高还是比较划算的.在之前的博客中也提到过,团队合作使用Storyboard时,避免冲突有效的解决方法是负责UI开发的同事最好每人维护一个Storyboard, 公用的组件使用轻量级的xib或者纯代码来实现.这样不但提高了开发效率,而且可以有效的避免Storyboard的冲突.如果每个人维护一个Storyboard, 遇到冲突了就以你自己的为准就OK了. 言归正传,

  • iOS应用开发中StoryBoard搭建UI界面的基本使用讲解

    iOS应用开发中StoryBoard搭建UI界面的基本使用讲解

    StoryBoard 的本质 StoryBoard 是苹果在 iOS 5 中引入的新技术方案,目的是给纷繁复杂的 nib.xib 们一个温暖的家,让他们之间的关系更直观地展示出来,并提供了一种新的页面间跳转方式 segue. StoryBoard 的本质是一个 XML 文件,描述了若干窗体.组件.Auto Layout 约束等关键信息.示例文件:https://github.com/johnlui/AutoLayout/blob/master/AutoLayout/Base.lproj/Main

  • Android开发中简单设置启动界面的方法

    本文实例讲述了Android开发中简单设置启动界面的方法.分享给大家供大家参考,具体如下: 启动界面的意义是为了让后台处理耗时的复杂工作,当工作处理完成后,即可进入主界面.相比让用户等待布局加载完成,使用一张图片作为启动背景,会带来更好的体验. 首先,需要建立一个简单的布局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas

  • iOS App开发中UIViewController类的使用教程

    iOS App开发中UIViewController类的使用教程

    一.引言 作为MVC设计模式中的C,Controller一直扮演着项目开发中最重要的角色,它是视图和数据的桥梁,通过它的管理,将数据有条有理的展示在我们的View层上.iOS中的UIViewController是UIKit框架中最基本的一个类.从第一个UI视图到复杂完整项目,都离不开UIViewController作为基础.基于UIViewController的封装和扩展,也能够出色的完成各种复杂界面逻辑.这里旨在讨论UIViewController的生命周期和属性方法,在最基础的东西上,往往会

  • iOS应用开发中视图控件UIWindow的基本使用教程

    iOS应用开发中视图控件UIWindow的基本使用教程

    一.简单介绍 iPhone应用程序通常只有一个窗口,表示为一个UIWindow类的实例.应用程序在启动时(或者从nib文件进行装载)创建这个窗口,并往窗口中加入一或多个视图并显示出来.之后我们很少需要再次引用它.UIWindow对象是所有UIView的根,管理和协调的应用程序的显示.一般应用程序只有一个UIWindow对象,即使有多个UIWindow对象,也只有一个UIWindow可以接受到用户的触屏事件. 在IOS中,UIWindow对象并没有像windows应用程序中常见的关闭框或标题栏这样

  • iOS App开发中扩展RCLabel组件进行基于HTML的文本布局

    iOS App开发中扩展RCLabel组件进行基于HTML的文本布局

    iOS系统是一个十分注重用户体验的系统,在iOS系统中,用户交互的方案也十分多,然而要在label中的某部分字体中添加交互行为确实不容易的,如果使用其他类似Button的控件来模拟,文字的排版又将是一个解决十分困难的问题.这个问题的由来是项目中的一个界面中有一些广告位标签,而这些广告位的标签却是嵌在文本中的,当用户点击文字标签的位置时,会跳转到响应的广告页. CoreText框架和一些第三方库可以解决这个问题,但直接使用CoreText十分复杂,第三方库多注重于富文本的排版,对类似文字超链接的支

  • iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

    iOS应用开发中使用Auto Layout来适配不同屏幕尺寸

    简介 Auto Layout 是苹果在 Xcode 5 (iOS 6) 中新引入的布局方式,旨在解决 3.5 寸和 4 寸屏幕的适配问题.屏幕适配工作在 iPhone 6 及 plus 发布以后变得更加重要,而且以往的"笨办法"的工作量大幅增加,所以很多人开始学习使用 Auto Layout 技术. 初体验 0. 开发环境 本系列文章的开发环境为: OS X 10.10.3 Xcode Version 6.3.1 (6D1002) 1. 新建应用 新建一个 Single View Ap

  • iOS App开发中使cell高度自适应的黑魔法详解

    iOS App开发中使cell高度自适应的黑魔法详解

    在使用 table view 的时侯经常会遇到这样的需求:table view 的 cell 中的内容是动态的,导致在开发的时候不知道一个 cell 的高度具体是多少,所以需要提供一个计算 cell 高度的算法,在每次加载到这个 cell 的时候计算出 cell 真正的高度. 在 iOS 8 之前 没有使用 Autolayout 的情况下,需要实现 table view delegate 的 tableView(tableView: UITableView, heightForRowAtInde

  • iOS弹幕开发中遇到的问题汇总

    前言 弹幕在现在的各类视频中都有,也是每位开发者们必须会的一个功能,最近在开发中就遇到了一些问题,下面简单说说弹幕开发碰到的两个小问题. 正文 需求:实现一个弹幕容器,里面同时会有多行互不重叠的.运动中的弹幕 .每一条弹幕均需要支持点击事件. 用脚底板想的方法:在弹幕容器里面创建几个 UIButton,并且 addTarget,增加点击事件.最后利用 UIView 的 block API 实现动画. 结果:嗯...可惜的是,代码运行起来,你会发现在 UIButton 运动过程,点击事件并没有响应

  • iOS应用开发中SQLite的初步配置指南

    iOS应用开发中SQLite的初步配置指南

    iOS开发数据库篇-SQLite简单介绍 一.离线缓存 在项目开发中,通常都需要对数据进行离线缓存的处理,如新闻数据的离线缓存等. 说明:离线缓存一般都是把数据保存到项目的沙盒中.有以下几种方式 (1)归档:NSCodeing.NSKeyedArchiver (2)偏好设置:NSUserDefaults (3)Plist存储:writeToFile 提示:上述三种方法都有一个致命的缺点,那就是都无法存储大批量的数据,有性能的问题. 举例:使用归档 两个问题: (1)数据的存取都必须是完整的,要求

  • iOS应用开发中使UITextField实现placeholder属性的方法

    我们都知道iOS开发中的UITextField有个placeholder属性,placeholder可以很方便引导用户输入.但是UITextView却没有placeholder属性. 一.猥琐的方法 如何让UITextView也有placeholder功能呢?今天给各位分享一个比较猥琐的做法.思路大概是这样的: 把UITextView的text当placeholder使用. 在开始编辑的代理方法里清除placeholder. 在结束编辑的代理方法里在设置placeholder. 实现方法: 1.

随机推荐