如何在 swift 中将动态数量的 uitableview 组织为滑动页面

How to organise dynamic number of uitableview as swiping pages in swift

我必须将一组动态数据组织为一组滑动表。现在我正在使用 UIPageViewController 来完成这项任务,但它在从网络动态上传数据方面存在一些问题 - 如果我们滑动页面速度太快,我们可能会超过数据加载并且程序可能会崩溃。现在,为了解决这个问题,我提前 5 页上传数据,但我认为这是不好的解决方案,我希望这个任务有一个正确的解决方案。 我发现了另一个想法 - 使用 UICollectionView 完成此任务,但我不确定我是否可以在此方法中将表用作 UICollectionViewCell,而且我不确定这个决定是否正确。 在这种情况下你能推荐什么

这是我处理这种情况的方法

  • 首先我会让我的 ViewController 包含如下所示的 collectionView - 确保添加你自己的约束,但是你想要 -
import UIKit

class ViewController: UIViewController {

// IBOutlets
    @IBOutlet var collectionView: UICollectionView!

// MARK: Lifecycle Methods
    override func viewDidLoad() {
        super.viewDidLoad()
        setupCollectionView()
    }

// MARK: Private Methods
    private func setupCollectionView(){
        collectionView.delegate = self
        collectionView.dataSource = self
        collectionView.separatorStyle = .none
        collectionView?.register(UINib(nibName: /* Your cell NibName */, bundle: nil), forCellWithReuseIdentifier: /* Your cell Id*/)
        collectionView?.isPagingEnabled = true
    }

// MARK: UICollectionView Methods
    override func numberOfSections(in collectionView: UICollectionView) -> Int {
        return 1
    }

    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return zekr?.subNodes?.count ?? 0
    }

    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = zekrCollectionView.dequeueReusableCell(withReuseIdentifier: /* Your cell Id */, for: indexPath) as! /* Your cell Type */
        cell.cellData = /* your list that corresponds with the list that table will take */
        return cell
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        // this is to make each cell fill the whole page
        return CGSize(width: view.frame.width, height: view.frame.height)
    }


}
  • 然后您将在每个 collectionViewCell 中添加 tableview,并确保为 collectionViewCell 中的 tableView 实现委托和数据源,如下所示
import UIKit

class CollectionViewCell: UICollectionViewCell, UITableViewDataSource, UITableViewDelegate {

    // MARK: IBOutlets
    @IBOutlet weak var pageTable: UITableView!

    var cellData: [/*Your List*/]?

    // MARK: Properties
    var cellData: /*Your List*/?{
        didSet{
            if let value = cellData {
                /* reload your table */
            }
        }
    }

    // MARK: Life Cycle Methods
    override func awakeFromNib() {
        super.awakeFromNib()
        setupPageTable()
    }

    private func setupPageTable(){
        pageTable.delegate = self
        pageTable.dataSource = self
        pageTable.register(UINib(nibName: /* TableView Cell NibName */, bundle: nil), forCellReuseIdentifier: /* CellId */)
    }

    // MARK: UITableViewDelegate
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return cellData?.count ?? 0
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: /* CellId */) as! /* Cell Type */
        cell.cellDataModel = cellData?[indexPath.row]
        return cell
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        let cell: UITableViewCell = cellData?[indexPath.row]
        return cell.contentView.frame.size.height
    }

}
  • 最后你的 tableViewCell 将保持不变,但是你最初将 cellDataModel

  • 传递给它
  • 如果水平滚动对 collectionView 不起作用,您可以 google 根据您的 swift 版本

  • 解决方案
  • 你将在家中或其他任何地方拥有 collectionView VC 水平滚动每个包含 tableView 的单元格,其垂直滚动单元格在 [=36] 中充当 viewPager =]