如何使图像适合完整单元格

Question

我想让单元格的背景完全被图像填充，但我做不到。
我已经尝试了所有的图像缩放，但其中 none 有帮助。
代码：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let myCell = collectionView.dequeueReusableCell(withReuseIdentifier: "MyCell", for: indexPath)
    myCell.backgroundColor = .red
    let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: myCell.frame.width , height: myCell.frame.height))
    let image = UIImage(named: "background")
    imageView.image = image
    imageView.clipsToBounds = true
    myCell.backgroundView = UIView()
    myCell.backgroundView!.addSubview(imageView)
    
    return myCell
}

它是这样的：

也许问题出在我的 imageView 的框架上？我认为这不是因为我通过更改 imageView 的背景颜色进行测试，并且所有单元格的红色都被蓝色覆盖了。

Answer 1

确保将图像添加到单元格的 contentView。

将以下内容添加到 cellForItemAt：cell.contentMode = .scaleAspectFill

这是我的 UICollectionViewCell 子类。我将 UIImageView 锚定到单元格的 contentView:

struct CustomData {
    var title: String
    var url: String
    var backgroundImage: UIImage
}

class CustomCollectionViewCell: UICollectionViewCell {
    var data: CustomData? {
        didSet {
            guard let data = data else { return }
            imageView.image = data.backgroundImage
            
        }
    }
    
    fileprivate let imageView: UIImageView = {
        let iv = UIImageView()
        iv.translatesAutoresizingMaskIntoConstraints = false
        iv.contentMode = .scaleAspectFill
        iv.clipsToBounds = true
        iv.layer.cornerRadius = 12
        return iv
    }()
    
    override init(frame: CGRect) {
        super.init(frame: .zero)
        contentView.addSubview(imageView)
        
        imageView.topAnchor.constraint(equalTo: contentView.topAnchor).isActive = true
        imageView.leftAnchor.constraint(equalTo: contentView.leftAnchor).isActive = true
        imageView.rightAnchor.constraint(equalTo: contentView.rightAnchor).isActive = true
        imageView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor).isActive = true
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

Answer 2

您必须在此处使用约束，因此请将此 extension 添加到项目中的文件中。

然后代替

myCell.backgroundView!.addSubview(imageView)

这样做

myCell.backgroundView!.embedView(imageView)

您可能想阅读更多有关自动布局 n 约束的信息，因此 here 是文档

如何使图像适合完整单元格

How to fit full cell with an image

uiimageview

ios

uicollectionview

uicollectionviewcell

swift