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

转自:http://www.hangge.com/blog/cache/detail_720.html

跳转方法的对应关系:

  1. 用UINavigationController的时候用

    —-进入下一个视图[self.navigationColler pushViewController:animated:];

    —-返回之前的视图[self.navigationController popViewControllerAnimated:];

    —-ps:push以后会在navigation的left bar自动添加back按钮,它的响应方法就是返回。所以一般不需要写返回方法,点back按钮即可。

  2. 其他时候(视图不是UINavigationController的时候,只是一个viewController时)

    —-进入下一个视图:[self .presentViewController:animated:completion:];

    —-返回之前的视图:[self .dismissViewControllerAnimated:completion:];

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

样例功能如下:

1,主界面中是一个列表(这个列表是在代码中实现)

2,点击列表项时,界面会切换到详情页面,同时传递改列表项的值到详细页面。

效果图如下:

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

实现步骤:

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

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

2,在storyboard中,选中详情页面,通过最上方的Detail View Controller拖拽到主页面进行segue关联(show detail)

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

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

关联后如下:

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

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

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

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:UITableViewStyle.Plain)
        self.tableView!.delegate = self
        self.tableView!.dataSource = self
        //创建一个重用的单元格
        self.tableView!.registerClass(UITableViewCell.self, forCellReuseIdentifier: "cell1")
        self.view.addSubview(self.tableView!)
    }

    //在本例中,只有一个分区
    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return 1;
    }

    //返回表格行数(也就是返回控件数)
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.ctrlnames.count
    }

    //创建各单元显示内容(创建参数indexPath指定的单元)
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)
        -> UITableViewCell
    {
        //为了提供表格显示性能,已创建完成的单元需重复使用
        let identify:String = "cell1"
        //同一形式的单元格重复使用,在声明时已注册
        let cell = tableView.dequeueReusableCellWithIdentifier(identify,
            forIndexPath: indexPath) as UITableViewCell
        cell.accessoryType = UITableViewCellAccessoryType.DisclosureIndicator
        cell.textLabel?.text = self.ctrlnames[indexPath.row]
        return cell
    }

    // UITableViewDelegate 方法,处理列表项的选中事件
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath)
    {
        self.tableView!.deselectRowAtIndexPath(indexPath, animated: true)
        let itemString = self.ctrlnames[indexPath.row]

        self.performSegueWithIdentifier("ShowDetailView", sender: itemString)
    }

    //在这个方法中给新页面传递参数
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        if segue.identifier == "ShowDetailView"{
            let controller = segue.destinationViewController 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()
    }   
}

注:如果想在详细页中返回主页面,可以在详细页中添加一个返回按钮,按钮响应代码如下:

1

2

//返回到上一个页面

self.presentingViewController!.dismissViewControllerAnimated(true, completion: nil)

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

原文出自:www.hangge.com 转载请保留原文链接:http://www.hangge.com/blog/cache/detail_720.html