• 请点击，免费订阅《学Swift挣美元》专栏

之前系列课程

• Swift 教程之TableView使用01基础代码

Swift 教程之TableView使用02显示图片

效果图

Jietu20190503-100811@2x.jpg

1. 定义section和cell的数据结构

import UIKit

struct SectionData{
    var open:Bool
    var data:[CellData]
}

struct CellData {
    var title: String
    var featureImage: UIImage
}

2. 初始化数据

fileprivate var sections:[SectionData] = [
        SectionData(
            open: true,
            data: [
                CellData(title: "居庸叠翠", featureImage: UIImage(named: "001_jydc.jpg")!)
            ]
        ),
        SectionData(
            open: true,
            data: [
                CellData(title: "玉泉流虹（玉泉趵突)", featureImage: UIImage(named: "002_yqch.jpg")!),
                 CellData(title: "太液晴波", featureImage: UIImage(named: "003_tyqf.jpg")!)
            ]
        ),
        SectionData(
            open: true,
            data: [
                CellData(title: "琼岛春云", featureImage: UIImage(named: "004_cqcy.jpg")!)
            ]
        ),
    ]

3. 修改section 和row 的计算方法

  override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return sections[section].data.count
    }
    override func numberOfSections(in tableView: UITableView) -> Int {
        return sections.count
    }
   

4. 修改row的cell生成方式

 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: CELL_ID, for: indexPath)
        let section=sections[indexPath.section]
        cell.textLabel?.text = section.data[indexPath.row].title
        cell.imageView?.image = section.data[indexPath.row].featureImage
        return cell
    }