动态布局 - 集合视图组合布局

动态布局是一种能够根据屏幕尺寸和方向自动调整布局的技术。集合视图是iOS开发中常用的一种视图组件，可以展示可滚动的、可循环利用的视图元素。

下面是一个示例代码，演示了如何使用动态布局来组合集合视图：

import UIKit

class ViewController: UIViewController {

    var collectionView: UICollectionView!
    var layout: UICollectionViewFlowLayout!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 创建集合视图布局
        layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .vertical

        // 创建集合视图
        collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: layout)
        collectionView.dataSource = self
        collectionView.delegate = self
        collectionView.register(MyCell.self, forCellWithReuseIdentifier: "MyCell")
        collectionView.backgroundColor = .white
        view.addSubview(collectionView)

        // 设置集合视图的约束
        collectionView.translatesAutoresizingMaskIntoConstraints = false
        collectionView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        collectionView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        collectionView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        collectionView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
    }
}

extension ViewController: UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {

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

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "MyCell", for: indexPath) as! MyCell
        // 配置cell的内容
        return cell
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        // 返回每个cell的大小
        return CGSize(width: collectionView.bounds.width, height: 100)
    }
}

class MyCell: UICollectionViewCell {
    // 添加cell的子视图
}

在上面的示例代码中，我们首先创建了一个集合视图布局UICollectionViewFlowLayout，并将其滚动方向设置为垂直方向。然后创建了一个集合视图UICollectionView，并设置其数据源和代理为当前的视图控制器。接着注册了一个自定义的cell类MyCell，并将其用于集合视图中的cell。最后，设置了集合视图的约束，使其铺满整个父视图。

在UICollectionViewDelegateFlowLayout协议的方法中，我们返回了每个cell的大小，这里示例代码中每个cell的宽度和集合视图的宽度相同，高度为100。你可以根据实际需求进行调整。

另外，还需要在MyCell类中添加子视图，并根据需要进行布局和配置。

希望这个示例代码能够帮助你理解动态布局和集合视图的组合使用方法。