同一UIImageView能否实现各类动画？点击按钮淡入切换图片需求

当然可以！在同一个UIImageView上实现淡入切换图片的动画完全没问题，甚至还能灵活扩展出其他类型的动画效果。我帮你把代码补全，再给你拆解下实现思路：

• 给按钮绑定点击事件，触发图片切换逻辑
• 利用UIView.animate实现淡入淡出的过渡动画，这是UIKit里最常用的基础动画API
• 配合动画节奏切换图片，保证视觉过渡流畅自然

import UIKit

class ViewController: UIViewController {
    var maximum: Int = 2
    var number: Int = 0
    var imageNames = ["0", "1"]
    
    @IBOutlet weak var mainImage: UIImageView!
    @IBOutlet weak var nextButton: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化显示第一张图片
        mainImage.image = UIImage(named: imageNames[number])
        // 补全按钮渐变背景设置（延续你没写完的逻辑）
        nextButton.setGradientBackground(
            colorOne: UIColor(red: 0.00, green: 0.58, blue: 0.95, alpha: 1.0),
            colorTwo: UIColor(red: 0.00, green: 0.38, blue: 0.65, alpha: 1.0)
        )
        // 如果没在Storyboard绑定点击事件，这里手动添加
        nextButton.addTarget(self, action: #selector(switchImageWithFade), for: .touchUpInside)
    }
    
    @objc func switchImageWithFade() {
        // 循环切换图片索引
        number = (number + 1) % maximum
        
        // 淡入动画核心逻辑：先淡出当前图，再淡入新图
        UIView.animate(withDuration: 0.5, animations: {
            // 当前图片淡出（透明度降为0）
            self.mainImage.alpha = 0.0
        }) { _ in
            // 淡出完成后切换图片
            self.mainImage.image = UIImage(named: self.imageNames[self.number])
            // 新图片淡入（透明度恢复为1）
            UIView.animate(withDuration: 0.5) {
                self.mainImage.alpha = 1.0
            }
        }
    }
}

// 补全按钮渐变背景的扩展方法
extension UIButton {
    func setGradientBackground(colorOne: UIColor, colorTwo: UIColor) {
        let gradientLayer = CAGradientLayer()
        gradientLayer.frame = bounds
        gradientLayer.colors = [colorOne.cgColor, colorTwo.cgColor]
        gradientLayer.locations = [0.0, 1.0]
        gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
        gradientLayer.endPoint = CGPoint(x: 1.0, y: 1.0)
        
        layer.insertSublayer(gradientLayer, at: 0)
        // 可选：给按钮加圆角优化视觉
        layer.cornerRadius = 8.0
        clipsToBounds = true
    }
}

如果你想尝试其他切换动画，比如缩放+淡入、平移切换，只需要修改动画块里的属性就行，举个缩放淡入的例子：

@objc func switchImageWithScaleFade() {
    number = (number + 1) % maximum
    
    UIView.animate(withDuration: 0.3, animations: {
        // 当前图片缩小+淡出
        self.mainImage.transform = CGAffineTransform(scaleX: 0.8, y: 0.8)
        self.mainImage.alpha = 0.0
    }) { _ in
        self.mainImage.image = UIImage(named: self.imageNames[self.number])
        UIView.animate(withDuration: 0.3) {
            // 新图片恢复原大小+淡入
            self.mainImage.transform = .identity
            self.mainImage.alpha = 1.0
        }
    }
}

• 确保项目里已经添加了对应名字的图片资源，避免加载空图
• 如果是网络加载图片，记得在动画前判断图片是否加载完成，保证动画效果正常
• 动画时长可以根据需求调整，0.5秒是比较自然的过渡速度

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