返回 导航

Swift

hangge.com

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

作者：hangge | 2015-05-08 14:03
（本文代码已升级至Swift4）

下面通过一个例子说明如何在代码中进行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
评论

全部评论（22）

回到顶部