简介

UITableView 是 UIKit 框架中的一个重要组件,通常用于展示各种列表数据,比如联系人列表、新闻列表、设置选项等,还可以让用户通过编辑模式来删除、移动或插入行。

如何实现

首先创建一个TableViewController类继承UIViewController并实现了 UITableViewDataSource 和 UITableViewDelegate 协议。

class TableViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
}

通过继承 UIViewController 类和实现 UITableViewDataSource 和 UITableViewDelegate 协议,ViewController 类可以管理 TableView 的外观和行为,以及处理用户与 TableView 的交互。

创建一个 UITableView 实例

在viewDidLoad()中创建一个 UITableView 实例,并设置其数据源和委托为当前的 ViewController。然后注册了一个 UITableViewCell 类型的重用标识符 cell ,并将 TableView 添加到视图中。

let cellReuseIdentifier = "cell"

override func viewDidLoad() {
    super.viewDidLoad()
    title = "UITableView"
    let tableView = UITableView(frame: view.bounds, style: .plain)
    tableView.dataSource = self
    tableView.delegate = self
    tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellReuseIdentifier)
    
    view.addSubview(tableView)
}

创建两个必须实现的方法

这两个个方法是 UITableViewDataSource 协议中必须实现的方法,一个用于返回 TableView 中的行数,另一个是用于配置每个单元格。

// 返回当前Section的行数
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: cellReuseIdentifier, for: indexPath)
    cell.textLabel?.text = data[indexPath.row]
    return cell
}

处理用户点击

这个方法也是 UITableViewDelegate 协议中的方法,用于处理用户点击 TableView 中单元格的事件。

// 处理单元格的点击选择事件

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    print("点击选择: \(data[indexPath.row])")
}

完整代码

class TableViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    let data = ["海了个螺", "凉拌砂糖橘", "土豆蘸白糖", "九转大肠", "草莓麻婆豆腐"]
        let cellReuseIdentifier = "cell"

        override func viewDidLoad() {
            super.viewDidLoad()
            title = "UITableView"
            let tableView = UITableView(frame: view.bounds, style: .plain)
            tableView.dataSource = self
            tableView.delegate = self
            tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellReuseIdentifier)
            
            view.addSubview(tableView)
        }

        // 返回当前Section的行数
        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: cellReuseIdentifier, for: indexPath)
            cell.textLabel?.text = data[indexPath.row]
            return cell
        }
        
        // 处理单元格的点击选择事件
        func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
            print("点击选择: \(data[indexPath.row])")
        }
    
}

实现效果

Swift-UIKit(UITableView).png

SwiftUIKitUITableView

6 条评论

  1. akxlmovbqi
    2024-10-04 21:39
    回复

    不错不错,我喜欢看 https://www.ea55.com/

  2. irlwgfmlmt
    2024-09-23 09:27
    回复

    想想你的文章写的特别好

  3. 大雄
    2024-02-27 23:56
    回复

    卧槽大佬写的代码都是我不懂的,看来跟大佬不是一个级别的.

    1. Nroy
      2024-02-29 21:59
      回复

      不是厉害的技术,水水文章

  4. 关关
    2024-02-26 10:08
    回复

    属实好久不见

    1. Nroy
      2024-02-26 10:22
      回复

      佛系更新,哈哈哈

添加新评论