使用UIImageView淡入切换图片时出现白屏问题求助

嘿，我来帮你搞定这个图片切换的白屏问题！

问题根源 #

你当前的代码把过渡动画的目标设置成了self.view，但实际上你需要的是UIImageView内部的图片淡入过渡，而不是对整个视图做转场动画。这种不匹配的目标导致动画逻辑混乱，最终出现了白屏现象。

修复后的代码 #

只需要把动画的目标从self.view改成你的bckgImageView就可以解决问题，修改后的完整代码如下：

class ViewController: UIViewController {
    var bckgImageView = UIImageView(image: UIImage(named: "one"))
    
    override func viewDidLoad() {
        super.viewDidLoad()
        bckgImageView.frame = self.view.frame
        // 可选：确保图片填充模式合适，避免拉伸变形
        bckgImageView.contentMode = .scaleAspectFill
        bckgImageView.clipsToBounds = true
        self.view.addSubview(bckgImageView)
        animateBackground()
    }
    
    func animateBackground() {
        // 关键修改：将过渡目标改为bckgImageView
        UIView.transition(with: bckgImageView, duration: 5, options: .transitionCrossDissolve, animations: {
            self.bckgImageView.image = UIImage(named: "two")
        }, completion: nil)
    }
}

额外优化建议 #

• 新增的contentMode和clipsToBounds可以让图片根据视图尺寸自适应填充，避免出现拉伸或留白的情况
• 如果需要循环切换多张图片，可以在completion闭包里递归调用animateBackground，并切换不同的图片资源

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