zoukankan      html  css  js  c++  java
  • storyBoard学习教程二(页面跳转)

    本篇是接着上一篇 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 里的使用。

  • 相关阅读:
    System.DateUtils 1. DateOf、TimeOf 简单修饰功能
    Servlet高级
    Servlet基础
    AOP的基本概念
    Bean的定义及作用域的注解实现
    Bean
    centos7系统下,配置学校客户端网络记录
    CUDA并行编程思维过程
    CUDA(GPU)OPENCV
    3-决策树
  • 原文地址:https://www.cnblogs.com/benpaobadaniu/p/5324729.html
Copyright © 2011-2022 走看看