本篇是接着上一篇 storyBoard 学习教程一 的补充,有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了,我自己认为,太基础太简单了,为了方便别人学习使用,我还是详细的做了这篇教程。

本篇要讲一下另外一种方法让storyBoard 显示在界面上。
首先打开上一次的工程文件
我们首先在storyBoard文件中拖入一个button,我们在控制面板中设置 button 是蓝色外观,白色字体如下图所示: 

下面开始关联我们的关联类(NJW_ViewController)
首先鼠标选中我们的storyboard 文件,如下图所示: 
 
 

然后 按住 option 键钮 ,同时鼠标去点击我们的关联类,( NJW_ViewController.h)文件,我们将 Button 拖成属性(这里是演示作用,一会可以在 .m 文件里修改 button  的外观颜色,实际开发中我们可以选择是拖关联线在 .h 文件 还是在 .m 文件里,如果在 .m文件里 就是类的私有属性了,如果在 .h 文件里 就是给外界其他类提供的接口属性了) 
 
 
好了,当界面出现如下分屏的时候,就算这一步操作完成了
 
 

这个时候,我们按住 option 左边 的 control 按钮不要松开手
然后用鼠标选中 button 然后去脱线到右边的代码区如下图:
 
 
好了这时候我们可以松开左手和右手了,然后去填写 button 在 .h 文件里的属性名字 我么这里写上 nextBtn 如下所示:
 

同样的方法,我们在 .m 文件里拖入button 的点击事件方法:如下图所示

关联后的样子:

我们先关闭右边 的代码区域,让我们当前的编程面板全面版显示,操作如下:

下面我们按照教程(一)的步骤,去创建另外一个 storyboard 文件,然后关联的类是 NJW_ViewController2 如下:

 
回到我们的  NJW_ViewController.m 文件里在 button点击事件的方法里写上,进入我们的新的 storyboard  文件里的方法
这里要讲解一下 模态 和 Push 的区别:
模态: 是没有导航控制器的时候,我们可以使用模态进行页面的跳转,当然有好多种跳转时候带的动画,动画效果也是非常棒。当然,如果有当行控制器,我们使用模态的话,依然可以模态进来,不过对应的返回方法是 dissmiss… 单词开头的方法
push:  是在有导航控制器的时候,我们可以使用Push  的方法进行页面之间的跳转。
 
下面我们使用模态的方法进行跳转: 
 

如果我们要使用 Push 的方法进行页面之间的跳转的话,我们需要在上图 中将 here 对应的代码行 取消注释 ,将模态的代码注释上,然后在 NJW_ViewCntroller 的页面添加导航控制器,代码如下

好了接下来分别是模态 、push 到新页面的效果图: 
 

          

好了,到这里本篇博客已经结束了,本篇使用了 storyboard 的ID 去查找 storyboard 文件,并显示在 window 上,介绍了 模态 和 push 在storyboard 里的使用。

storyBoard学习教程二(页面跳转)的更多相关文章

  1. 微信小程序开发:学习笔记[8]——页面跳转及传参

    微信小程序开发:学习笔记[8]——页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...

  2. redis学习教程二《四大数据类型》

    redis学习教程二<四大数据类型>  四大数据类型包括:字符串    哈希    列表   集合一 : Redis字符串         Redis字符串命令用于管理Redis中的字符串 ...

  3. MUI框架开发HTML5手机APP(二)--页面跳转传值&底部选项卡切换

      概 述 JRedu 在上一篇博客中,我们学习了如何使用Hbuilder创建一个APP,同时如何使用MUI搭建属于自己的第一款APP,没有学习的同学可以戳链接学习: http://www.cnblo ...

  4. Android+Jquery Mobile学习系列(4)-页面跳转及参数传递

    关于页面转场,这个必须得专门列出来说明一下,因为Jquery Mobile与普通的Web发开有一些区别,这个对于新手如果不了解的话,就会钻到死胡同.撸主前段时间就是很急躁地上手开发程序,结果在页面转场 ...

  5. Silverlight学习笔记之页面跳转

    在进行项目开发的时候,经常遇到页面之间的跳转,包括silverlight之间以及silverlight和html之间的跳转. silverlight之间的页面跳转包含两点: 1.主窗体和子窗体 用户新 ...

  6. storyBoard学习教程一(页面跳转)

    今天为了给伙伴作一篇storyBoard快速编程的教程,所以才写下了这篇博客. 有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了,我自己认为,太基础太简单了,为了方便别人学习使用,我还是 ...

  7. git学习教程二之远程仓库学习

    首先你需要注册一个github用户名,我的github账户是:1654218052@qq.com 由于本地的git仓库和github的仓库是通过SSH加密的,所以我们还需要设置一点东西哦 第1步:创建 ...

  8. 基于 Storyboard 多种方式的页面跳转、参数传递

    原文 通过按钮关联跳转 选中 Button ,然后点击 action 右边拖拽到 第二个页面 选择 "Show"即可完成跳转关联. 定义页面间 segue Id,通过代码触发跳转 ...

  9. flask学习(八):页面跳转和重定向

    1. 用处:在用户访问一些需要登录的页面的时候,如果用户没有登录,那么让页面重定向到登录页面 2. 实例 运行效果: 用户已登录,进入发布问答页面 用户未登录,跳转到登录页面

随机推荐

  1. POJ 2249-Binomial Showdown(排列组合计数)

    Binomial Showdown Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 18457   Accepted: 563 ...

  2. CentOS 6.4安装Puppet

    CentOS安装Puppet   环境介绍:centos6.4x64 採用CentOS-6.4-x86_64-minimal.iso最小化安装   puppet版本号3.6.2.ruby1.8.7,f ...

  3. C#文件操作与编程

    一:驱动器System.IO 软盘,优盘,光盘,硬盘 DriveInfo/DriveType DriveInfo:确定有关驱动器的信息:盘符,类型,可用空间 DriveType:确定DriveInfo ...

  4. Js 模拟鼠标点击事件

    var obj = document.getElementById('go'); if(document.all){ obj.click(); }else{ var e = document.crea ...

  5. compute the su procedure time with python

    #!/usr/bin/python2.6 import re,datetime file_name='sim.log' file=open(file_name,'r') acnum=[];time_r ...

  6. Chisel辅助iOS 应用程序调试,MusicApp模仿酷狗4.0 UI框架

    本文转载至 http://www.cocoachina.com/ios/20140825/9446.html Chisel Chisel集合了大量的LLDB 命令来辅助iOS 应用程序调试,并支持添 ...

  7. EasyDarwin自动停止推流

    原文转自:http://blog.csdn.net/ss00_2012/article/details/51441753 我们使用EasyDarwin的推流转发来进行媒体直播的时候,有时会有这样一个需 ...

  8. Message-oriented middleware

    en.wikipedia.org/wiki/Message-oriented_middleware Message-oriented middleware (MOM) is software or h ...

  9. 获取app-package和app-activity的值

    方法一 原文链接:http://mp.weixin.qq.com/s/KTkfmibSoaGOmDazJmZ8Sw 利用appium图形界面和已有的apk文件获取package和activity. 点 ...

  10. handler message messagequeue详解

    long when 应该被处理的时间值,如果是即时发送,即为当前时间,如果是延迟发送则为当前时间+延迟时间