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

(本文代码已升级至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