内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

swift4 uinavigation+uitable整合使用创建列表视图

2018-06-08 17:25 出处:清屏网 人气: 评论(0

直接在 AppDelegate.swift 文件里指定入口文件为 MenuViewController.swift 代码如下

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
  // Override point for customization after application launch.
  
  let main = UINavigationController(rootViewController: MenuViewController())
  self.window?.rootViewController = main
  return true
}

上面指定了根视图后,运行app会发现 navigation 没有title,这时候就要在 MenuViewController 里加上 self.title = "Stardew Valley" 再运行就有了

现在 app 的UINavigationViewController有了,下面就要创建一个UITableViewController然后把这个tableView加到navigation里就可以了

创建UITableViewController

想让它渲染数据,要实现两个协议 UITableViewDelegate UITableViewDataSource 然后必须要实现里面的两个方法

//返回有多少行
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  return data.count
}

//渲染cell
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
  let cell = (tableView.dequeueReusableCell(withIdentifier: "cellID", for: indexPath)) as UITableViewCell
  cell.textLabel?.text = data[indexPath.row]
  return cell
}

实现这两个方法还不行,还要在viewDidLoad() 方法里初始化dataSource 和 delegate 才可以用,因为 MenuViewController 是一个 UINavigationViewController 的根视图,所以在 MenuViewController 里还要把创建的 UITableView 添加到 当前视图里,它才会显示

渲染cell的方法里还有一个 withIdentifier 这东西也是要事先初始化的,代码如下

let data = ["基本", "物品", "游戏", "农场", "山谷", "环境"]

override func viewDidLoad() {
  
  self.title = "Stardew Valley"
  
  // 设置tableView显示的位置
  let rect = self.view.frame
  tableView = UITableView(frame: rect)
  
  self.tableView.backgroundColor = UIColor.white
  
  tableView.dataSource = self
  tableView.delegate = self
  //将tableView添加到当前视图里
  self.view.addSubview(tableView)
  
  //注册cell的Identifier,用于渲染cell
  self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cellID")
  
}

写到这,启动项目就可以看到一个 Navigation 里有一个列表,数据显示的就是自己定义的好的一个数组里的数据了

添加点击事件和跳转页面

tableView有个点击事件

//点击cell跳转新页面
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
  let secondViewController = SecondMenuViewController()
  secondViewController.params = data[indexPath.row]
  self.navigationController?.pushViewController(secondViewController, animated: true)
}

这里用到了传值,我使用的方式比较简单,就是在初始化要跳转的 SecondMenuViewController 里定一个变量来接收一下就可以了

到这运行项目就可以实现上面gif图片里的效果了,下面是所有的源码

MenuViewController.swift

import UIKit

class MenuViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

  var tableView: UITableView!
  
  let data = ["基本", "物品", "游戏", "农场", "山谷", "环境"]
  
  override func viewDidLoad() {
    
    self.title = "Stardew Valley"
    
    // 设置tableView显示的位置
    let rect = self.view.frame
    tableView = UITableView(frame: rect)
    
    self.tableView.backgroundColor = UIColor.white
    
    tableView.dataSource = self
    tableView.delegate = self
    //将tableView添加到当前视图里
    self.view.addSubview(tableView)
    
    //注册cell的Identifier,用于渲染cell
    self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cellID")
    
  }
  
  //返回有多少行
  func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return data.count
  }
  
  //渲染cell
  func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = (tableView.dequeueReusableCell(withIdentifier: "cellID", for: indexPath)) as UITableViewCell
    cell.textLabel?.text = data[indexPath.row]
    return cell
  }
  
  //点击cell跳转新页面
  func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    let secondViewController = SecondMenuViewController()
    secondViewController.params = data[indexPath.row]
    self.navigationController?.pushViewController(secondViewController, animated: true)
  }
  
  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
  }
  
}

SecondMenuViewController.swift

import UIKit

class SecondMenuViewController: UIViewController {
  
  var params: String?
  
  override func viewDidLoad() {
    self.title = params
    self.view.backgroundColor = UIColor.white
    
  }
  
  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
  }
}
分享给小伙伴们:
本文标签: uinavigationuitableswift

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号