带有动画的不同图像之间的 UIImageView 过渡

Posted 2023-03-11

【中文标题】带有动画的不同图像之间的 UIImageView 过渡

【英文标题】：UIImageView transition between different images with animation

【发布时间】：2017-06-01 09:31:53

【问题描述】：

我有这段代码在同一张图片中重复淡入到视图控制器中

 override func viewDidAppear(_ animated: Bool) 
        let toImage = UIImage(named:"intro.png")
        UIView.transition(with: self.imageView,
                          duration:2,
                          options: [.repeat , .transitionCrossDissolve],
                          animations:  self.imageView.image = toImage,
                          completion: nil)


    

现在我需要它在四张图像之间每次都以不同的 img 淡入。

【参考方案1】：

你是怎么做到的？

您将需要：

计时器 计数器

用于保存图像名称的数组

可变图像：[字符串] = [] var timer = Timer() var photoCount:Int = 0

在 viewDidLoad 我这样做是为了初始化。

images = ["1","2","3"]
imageView.image = UIImage.init(named: "1")
timer = Timer.scheduledTimer(timeInterval: 2.0, target: self, selector: #selector(onTransition), userInfo: nil, repeats: true)

做到这一点的神奇方法如下：

func onTransition() 
    if (photoCount < images.count - 1)
        photoCount = photoCount  + 1;
    else
        photoCount = 0;
    

    UIView.transition(with: self.imageView, duration: 2.0, options: .transitionCrossDissolve, animations:  
        self.imageView.image = UIImage.init(named: self.images[self.photoCount])
    , completion: nil)

不要忘记拉出您的 imageView 参考插座。 :)

   @IBOutlet weak var imageView: UIImageView!

【讨论】：

它成功了，非常感谢......这都是关于计时器的。

感谢您不仅接受了答案，而且当它奏效时您微笑了。 :)