ios - UIVisualEffectView 明显地添加到 UICollectionViewCell

Question

我的 UICollectionView 有很多单元格。细胞上有需要模糊化的图像。这就是为什么我向 ImageView 添加具有模糊效果的UIVisualEffectView。单元格就像页面 - 每个单元格占据整个屏幕。

问题出在第二个单元格上。当它出现时，模糊的 View 就会明显地增加，而且很难看。当其余的单元格在屏幕上可见时，它们的 View 已经模糊了，并且一切正常。这是我用来添加模糊 View 的代码:

class ImageCell: UICollectionViewCell {

    @IBOutlet weak var mainImageView: UIImageView!
    @IBOutlet weak var backgroundImageView: UIImageView!

    override func awakeFromNib() {
        super.awakeFromNib()

        let regularBlur = UIBlurEffect(style: .regular)
        let blurView = UIVisualEffectView(effect: regularBlur)
        blurView.frame = backgroundImageView.bounds
        blurView.autoresizingMask = [.flexibleHeight, .flexibleWidth]
        backgroundImageView.addSubview(blurView)

    }
}

Answer 1

修改您的代码:

class ImageCell: UICollectionViewCell {

    @IBOutlet weak var mainImageView: UIImageView!
    @IBOutlet weak var backgroundImageView: UIImageView!

    override func awakeFromNib() {
        super.awakeFromNib()

        backgroundImageView.isHidden = true
        let regularBlur = UIBlurEffect(style: .regular)
        let blurView = UIVisualEffectView(effect: regularBlur)
        blurView.frame = backgroundImageView.bounds
        blurView.autoresizingMask = [.flexibleHeight, .flexibleWidth]
        backgroundImageView.addSubview(blurView)
        backgroundImageView.isHidden = false
    }
}