使用 Autolayout 和 UICollectionViewCompositionalLayout 的动态集合视图单元格中的 UIImage 大小调整

问：

上下文：我有一个集合视图，其动态单元格高度由其单元格的内容定义。单元格的内容：UIView、UILabel 和 UIImage（图像和标签垂直放置）。

问题：当我将图像contentMode设置为scaleAspectFill时，自动布局似乎可以正常工作并相应地调整单元格的大小。但是，这会裁剪图像的侧面。当我将 contentMode 设置为 scaleAspectFit 时，它会在水平方向上正确调整图像大小，但保持以前的高度。

附上结果的图像。感谢您的任何提示和支持！

集合视图布局代码：

func createLayout() -> UICollectionViewLayout {
    let _: CGFloat = (self.view.frame.width*1.33) + 50
    let estimatedHeight = CGFloat(100)
    let layoutSize = NSCollectionLayoutSize(widthDimension: .fractionalWidth(1.0),
                                           heightDimension: .estimated(estimatedHeight))
    
    
    let item = NSCollectionLayoutItem(layoutSize: layoutSize)
    
    let group = NSCollectionLayoutGroup.horizontal(layoutSize: layoutSize,
                                                   repeatingSubitem: item,
                                                   count: 1)
    let section = NSCollectionLayoutSection(group: group)
    section.contentInsets = NSDirectionalEdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10)
    section.interGroupSpacing = 10
    let layout = UICollectionViewCompositionalLayout(section: section)
    return layout
}

对于小区注册：

    let newCell = UICollectionView.CellRegistration<CustomCell, Asset> {(cell, indexPath, item) in
        let image = UIImage(named: "test")
        cell.label.text = "No comments"
        cell.imageView.image = image
    }

对于自定义单元格：

class CustomGroupItemCell: UICollectionViewCell {

    let container = UIView()
    let imageView = UIImageView()
    let label = UILabel()
        
    override init(frame: CGRect) {
        super.init(frame: frame)
        configure()
    }

    required init?(coder: NSCoder) {
       fatalError("not implemnted")
    } 

func configure() {
    container.translatesAutoresizingMaskIntoConstraints = false
    imageView.translatesAutoresizingMaskIntoConstraints = false
    label.translatesAutoresizingMaskIntoConstraints = false
    
    label.adjustsFontForContentSizeCategory = true
    label.numberOfLines = 0
    label.font = UIFont.systemFont(ofSize: 17, weight: .semibold)
    label.textColor = .label

    container.backgroundColor = .secondarySystemFill
    container.layer.cornerRadius = 12
    
    imageView.layer.cornerRadius = 5
    imageView.contentMode = .scaleAspectFill
    imageView.layer.masksToBounds = true

    contentView.addSubview(container)
    contentView.addSubview(label)
    contentView.addSubview(imageView)
    
    let views = [ "label": label, "container": container, "image": imageView]
    var constraints = [NSLayoutConstraint]()
    
    // Horizontal
    constraints.append(contentsOf: NSLayoutConstraint.constraints(
        withVisualFormat: "H:|[container]|", options: [], metrics: nil, views: views))
    constraints.append(contentsOf: NSLayoutConstraint.constraints(
        withVisualFormat: "H:|-20-[image]-20-|", options: [], metrics: nil, views: views))
    constraints.append(contentsOf: NSLayoutConstraint.constraints(
        withVisualFormat: "H:|-20-[label]-20-|", options: [], metrics: nil, views: views))
  
    // Vertical
    constraints.append(contentsOf: NSLayoutConstraint.constraints(
        withVisualFormat: "V:|[container]|",
        options: [], metrics: nil, views: views))
    constraints.append(contentsOf: NSLayoutConstraint.constraints(
        withVisualFormat: "V:|-20-[image]-20-[label]-24-|",
        options: [], metrics: nil, views: views))
    
    NSLayoutConstraint.activate(constraints)
}
}