0
点赞
收藏
分享

微信扫一扫

storyboard新增、跳转和关闭ViewController页面


  • 步骤1

在storyboard画板中新增一个ViewController页面

  • 如图
    1.点击加号,添加控件
    2.在搜索框搜索viewcontroller
    3.点击View Controller拖至storyboard画板内
    此时storyboard画板新增ViewController页面
  • storyboard新增、跳转和关闭ViewController页面_页面跳转

  • 步骤2

在项目中新增ViewControoler类

  • 项目中新增Cocoa Touch Class类SecondViewController
  • storyboard新增、跳转和关闭ViewController页面_搜索_02

    storyboard新增、跳转和关闭ViewController页面_iOS_03

  • 步骤3

将上述步骤中新建的SecondViewController类和storyboard中新建的页面关联

  • 1.点击箭头1所指图标
    2.点击箭头2所指图标
    3.在箭头3所指的Class框中填入SecondViewController
    此时画板上的新ViewController页面和项目中SecondViewController类即建立关联
  • storyboard新增、跳转和关闭ViewController页面_控件_04

  • 步骤4

在storyboard中添加页面跳转

  • 1.在storyboard中按住^control键不动从跳转按钮拖至SecondViewController页面松开
    2.松开后在Action Segue选项中选择Present Modally
    此时运行项目后点击跳转按钮即可查看跳转效果
  • storyboard新增、跳转和关闭ViewController页面_控件_05

  • 步骤5

选择跳转页面样式

  • 1.点击箭头1所指图标
    2.点击箭头2所指图标
    3.选择Kind为Present Modally
    4.选择Presentation为Full Screen
    5.选择Transition为Flip Horizontal
    此时运行项目查看页面跳转效果,可以自己更改3.4.5.选项值查看不同的页面跳转效果
  • storyboard新增、跳转和关闭ViewController页面_搜索_06

  • 步骤6

在SecondViewController中添加关闭当前页面功能

  • 1.点击箭头1所指图标
    2.在箭头2所指输入框输入navigation搜索相关控件
    3.点击箭头3所指控件拖至画板中SecondViewController页面内
  • storyboard新增、跳转和关闭ViewController页面_页面跳转_07

  • 1.点击箭头1所指图标
    2.在箭头2所指输入框输入button搜索相关控件
    3.点击箭头3所指控件拖至画板中SecondViewController页面的Navigation Bar控件的内部
  • storyboard新增、跳转和关闭ViewController页面_控件_08

  • 1.如箭头1所指按住^control键不动从返回按钮拖至SecondViewController类中如箭头2所指位置
    此时会自动生成一个按钮点击方法back()
    在方法内编写如下代码​​[self dismissViewControllerAnimated:YES completion:nil];​​运行项目查看效果
  • storyboard新增、跳转和关闭ViewController页面_搜索_09


举报

相关推荐

0 条评论