Swift实现UICollectionView Cell背景模糊效果遇到的问题

问题1：backgroundView添加模糊无效果的原因 #

• UICollectionViewCell的backgroundView默认是nil，直接调用模糊扩展方法不会自动创建视图，需先初始化UIVisualEffectView并赋值给backgroundView。
• 仅设置cell背景色透明无效，必须将contentView的背景色设为.clear，否则contentView默认的白色背景会遮挡下层的backgroundView模糊效果。
• 正确实现代码：

// 在cell的配置方法（如configure(with:)）或初始化方法中
func configure() {
    let blurEffect = UIBlurEffect(style: .systemUltraThinMaterial)
    let blurView = UIVisualEffectView(effect: blurEffect)
    blurView.frame = bounds
    blurView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    backgroundView = blurView
    // 关键设置：让contentView透明，露出下层的模糊背景
    contentView.backgroundColor = .clear
}

问题2：contentView添加模糊导致子控件被模糊的原因 #

• 模糊视图添加到contentView时，默认处于子视图层级的最上层，会直接覆盖categoryEmoji、categoryLabel等控件，导致这些控件被模糊。
• 解决方式：
  1. 调整视图添加顺序：先添加模糊视图，再添加其他业务控件，确保模糊视图在层级最底层。
  2. 若已先添加业务控件，将模糊视图发送到contentView的层级底部：

// 初始化模糊视图
let blurEffect = UIBlurEffect(style: .systemUltraThinMaterial)
let blurView = UIVisualEffectView(effect: blurEffect)
blurView.frame = contentView.bounds
blurView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

// 添加到contentView后，发送到最底层
contentView.addSubview(blurView)
contentView.sendSubviewToBack(blurView)

// 确保业务控件（categoryEmoji、categoryLabel）在模糊视图上层
// 若之前已添加，无需额外操作，因为sendSubviewToBack会把blurView放到最下面

内容的提问来源于stack exchange，提问作者Dragounow