UITableView内的Swift垂直UICollectionView

时间:2018-07-31 13:48:29

标签: ios iphone swift uitableview uicollectionview

我正在开发一个应用程序,要求我的ViewController内部具有两种类型的供稿-水平和垂直。

结构如下:ViewController-> UITableView->第一部分具有水平UICollectionView->第二部分具有垂直UICollectionView

我的问题是我无法使UITableView的第二部分(在垂直UICollectionView内部)具有适当的高度。当我向下滚动时,它会在中间中断。

重要的是,UICollectionView单元格的高度不是固定的。

我遵循那里的一些教程和指南,看到了UITableViewAutomaticDimension的许多用例,但无法使其正常工作。

编辑: 这是我的故事板的外观: My StoryBoard 这是我的主要ViewController代码:

class FeedViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet weak var tableView: UITableView!

    var stationArray = Array()

    override func viewDidLoad() {
        super.viewDidLoad()d
    }

    func numberOfSections(in tableView: UITableView) -> Int {
        return 2
    }

    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return categories[section]
    }

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        if indexPath.section == 0 {
            let cell = tableView.dequeueReusableCell(withIdentifier: "cell") as! FeedHorizontalTableViewCell
            *Some code*
            return cell
        } else {
            let cell2 = tableView.dequeueReusableCell(withIdentifier: "cell2") as! FeedVerticalTableViewCell
            *Some code*
            cell2.setNeedsLayout()
            return cell2
        }
    }

    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        if section == 1 {
            return 50
        }

        return 0
    }

    func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
        return 500
    }

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
            if indexPath.section == 0 {
                if let cell = tableView.dequeueReusableCell(withIdentifier: "cell") {
                    return cell.frame.height
                }
                return 280
            } else {
                return UITableViewAutomaticDimension
            }
    }
}

这是我的垂直UITableViewCell代码:

class FeedVerticalTableViewCell: UITableViewCell, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {

    @IBOutlet weak var collectionView: UICollectionView!

    var stations = Array() {
        didSet {
            collectionView.reloadData()
        }
    }

    override func awakeFromNib() {
        super.awakeFromNib()
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return stations.count
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "feedVerticalCell", for: indexPath) as! FeedVerticalCollectionViewCell
        *some code*
        return cell
    }
}

1 个答案:

答案 0 :(得分:1)

在视图控制器中将UITableView单元格高度设置为动态后。

     tableView.estimatedRowHeight = 100
     tableView.rowHeight = UITableViewAutomaticDimension
  1. 为您的垂直collectionView创建一个子类,并覆盖internalContentSize。

    class DynamicCollectionView: UICollectionView {
       override func layoutSubviews() {
       super.layoutSubviews()
       if !__CGSizeEqualToSize(bounds.size, self.intrinsicContentSize) {
          self.invalidateIntrinsicContentSize()
       }
     }
    
       override var intrinsicContentSize: CGSize {
         return collectionViewLayout.collectionViewContentSize
       }
    }
    
  2. 在“界面”构建器中,将您的collectionView的类更改为DynamicCollectionView(子类UICollectionView)。

  3. 设置UICollectionViewFlowLayout的估计单元格大小。

        flowLayout.estimatedItemSize = CGSize(width: 1,height: 1)
    
相关问题