当前位置: > > > Swift - 纯代码实现页面segue跳转,以及参数传递

Swift - 纯代码实现页面segue跳转,以及参数传递

(本文代码已升级至Swift3)

下面通过一个例子说明如何在代码中进行segue页面的切换,以及参数的传递。

样例功能如下:
1,主界面中是一个列表(这个列表是在代码中实现)
2,点击列表项时,界面会切换到详情页面,同时传递改列表项的值到详细页面。

效果图如下:
 

实现步骤:
1,在storyboard中拖入一个新的 ViewController 用做详情页面,同时创建一个继承ViewController的新类 DetailViewController。并将其与storyboard中新建的详情页面进行视图与控制器的绑定。

2,在storyboard中,选中详情页面,通过最上方的Detail View Controller拖拽到主页面进行segue关联(show detail
(右键点击 Detail View Controller 头部黄色的标志,在出现的菜单中选择“show detail”旁边的圆圈,在圆圈上按住左键拖动到主页面)
关联后如下:

3,选中关联线,设置segue的 Identifier 属性为“ShowDetailView

4,主界面代码 ViewController.swift
import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    var ctrlnames:[String] = ["任务1","任务2","任务3"]
    var tableView:UITableView?
    
    override func loadView() {
        super.loadView()
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        //创建表视图
        self.tableView = UITableView(frame: self.view.frame, style:.plain)
        self.tableView!.delegate = self
        self.tableView!.dataSource = self
        //创建一个重用的单元格
        self.tableView!.register(UITableViewCell.self, forCellReuseIdentifier: "cell1")
        self.view.addSubview(self.tableView!)
    }
    
    //在本例中,只有一个分区
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    //返回表格行数(也就是返回控件数)
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.ctrlnames.count
    }
    
    //创建各单元显示内容(创建参数indexPath指定的单元)
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
        -> UITableViewCell {
        //为了提供表格显示性能,已创建完成的单元需重复使用
        let identify:String = "cell1"
        //同一形式的单元格重复使用,在声明时已注册
        let cell = tableView.dequeueReusableCell(withIdentifier: identify,
                                                 for: indexPath) as UITableViewCell
        cell.accessoryType = .disclosureIndicator
        cell.textLabel?.text = self.ctrlnames[indexPath.row]
        return cell
    }
    
    // UITableViewDelegate 方法,处理列表项的选中事件
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        self.tableView!.deselectRow(at: indexPath, animated: true)
        let itemString = self.ctrlnames[indexPath.row]
        
        self.performSegue(withIdentifier: "ShowDetailView", sender: itemString)
    }
    
    //在这个方法中给新页面传递参数
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        if segue.identifier == "ShowDetailView"{
            let controller = segue.destination as! DetailViewController
            controller.itemString = sender as? String
        }
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

5,详情页面代码 DetailViewController.swift
import UIKit

class DetailViewController: UIViewController {
    
    var itemString:String?
    
    @IBOutlet weak var textField: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        textField.text = itemString
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }   
}
注:如果想在详细页中返回主页面,可以在详细页中添加一个返回按钮,按钮响应代码如下:
//返回到上一个页面
self.presentingViewController!.dismiss(animated: true, completion: nil)

源码下载hangge_720.zip

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作。

打赏支持
评论15
  • 15楼
    2016-08-24 15:44
    liwei

    站长,为什么prepareForSegue方法里let controller = segue.destinationViewController as! DetailViewController这个会先走一遍数据为空的

    站长回复

    我又测试了下,没有发现你说的会走两边的情况啊。

  • 14楼
    2016-07-22 18:54
    linjoe

    站长,我写了个跳转,但是有个地方不对,想问问站长
    我照着您的方法:A页面->B页面传值,这个过程没有问题ok。
    但是我从A页面->B导航控制器->B页面,因为我b页面加了个nav,所以就不对了,这个有没有什么办法改一下啊

    站长回复

    你可以先得到B导航控制器,再从B导航控制器获取B页面,最后传值给B页面。
    假设我文章里的B页面就是DetailViewController,我在它上面加了个导航控制器,那么传值可以这么做:


    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        if segue.identifier == "ShowDetailView"{
            let controller = segue.destinationViewController as! UINavigationController
            let detailController = controller.viewControllers.first as! DetailViewController
            detailController.itemString = sender as? String
        }
    }

  • 13楼
    2016-07-22 14:53
    linjoe

    12八成是因为吧auto layout 关了吧,这样就不显示show和show detail了

    站长回复

    确实有可能。auto layout 关了也就没有show和show detail。我原来还没想到这点。

  • 12楼
    2016-07-12 23:33
    闲着依

    因为找不到 show detail ,所以航哥如果不用连接直接跳转用代码写segue和delegate行吗? 可是我写的传回来一直是nil…

    站长回复

    segue就是指那个连线呀,你不连线就不是segue跳转了。

  • 11楼
    2016-07-09 11:28
    666

    航哥,问个问题,我在tab bar上使用这个,跳转页面就没有了这个tabbar,怎么解决呢

    站长回复

    你要用tabBarController,这样在各个页面间跳转,下面的tabBar都会存在。

  • 10楼
    2016-06-17 22:57
    visi

    第三部确定设置了的,还是报错doesn't contain a view controller with identifier 'UIViewController

    站长回复

    看你这个错误信息跟第3步没关系,应该是其他哪里配置错了。我这边把整个工程源码包上传了,你可以下载下来比较下。

  • 9楼
    2016-06-10 16:52
    小码

    请问下 为什么我的textField无法显示传递过来的itemString的值

    站长回复

    你检查下prepareForSegue方法写了吗?再在里面打个断点,调试下看看参数是否传递了。

  • 8楼
    2016-06-01 15:46
    van

    航哥,我跳转报错了,错误是has no segue with identifier 'ShowDetailView''

    站长回复

    你没设 segue的 Identifier 属性吧。见文章里的第3步。

  • 7楼
    2016-04-13 15:25
    linjoe

    站长 ,如果用不同的storyboard进行的跳转,没有identifier,该如何传值呢?

    站长回复

    没有定义identifier的话,都没法用self.performSegueWithIdentifier()跳转了,更别说后面的传值了。

  • 6楼
    2016-03-02 16:58
    尼美的夏天

    我过去之后怎么回来啊? 还是同样的办法回来么? 有那种回到上个页面的方法么 不用navigationbar

    站长回复

    我在文章末尾补充了返回代码,你可以看下。

  • 5楼
    2015-11-27 09:12
    Kuso

    Presenting Segues下的页面切换方式,只能通过拉线来建立么?能通过代码实现么?

    站长回复

    如果使用segue跳转都是要拉线的,不过会方便些。当然页面切换还有其它办法,你可以看我另一篇文章(Swift - 使用导航条和导航条控制器来进行页面切换)http://www.hangge.com/blog/cache/detail_586.html 对比了两种方式。

  • 4楼
    2015-11-27 09:08
    kuso

    谢谢,站长回复!非常感谢。。支持你哦~

    站长回复

    谢谢你的支持。

  • 3楼
    2015-11-23 16:44
    kuso

    谢谢,帮了大忙!

    站长回复

    不客气,欢迎常来看看

  • 2楼
    2015-11-19 17:42
    EdwardYao

    站长 , 我在xcode7中的storyboard找不到实现步骤第二步中的 show detail 的segue,我连接不了两个界面。求救

    站长回复

    右键点击 Detail View Controller 头部黄色的标志,在出现的菜单中选择“show detail”旁边的圆圈,在圆圈上按住左键拖动到主页面

  • 1楼
    2015-09-14 19:53
    vivian

    我是来点赞的!

    站长回复

    谢谢!