Swift - 动画 ImageView

Question

这只是我遇到的一个关于为我当前的应用程序设置设置移动背景 ImageView 的动画的快速问题。本质上，我想让当前的静止背景 ImageView 无休止地向上滚动到开始位置；但我正在努力将它们拼凑在一起。有人可以帮助我吗？

 class Flash: UIViewController {
@IBOutlet weak var arrowImage: UIImageView!

    var arrow1: UIImage!
    var arrow2: UIImage!
    var arrow3: UIImage!
    var images: [UIImage]!
    var animatedImage: UIImage!
    override func viewDidLoad() {
        super.viewDidLoad()
        toggleFlash()
        arrow1 = UIImage(named: "Arrow1.png")
        arrow2 = UIImage(named: "Arrow2.png")
        arrow3 = UIImage(named: "Arrow3.png")
        images = [arrow1, arrow2, arrow3]
       animatedImage = UIImage.animatedImage(with: images, duration: 1.0)
        arrowImage.image = animatedImage

    }

    func blinkScreen(){

    UIView.animate(withDuration: 1, delay: 0, options: [.repeat, .curveLinear], animations: {

    }) { _ in
    }
}

Answer 1

好吧，我想我明白你想要什么。

首先，持续时间参数是动画每次迭代的持续时间。其次，UIView.animate(...) 不会重复动画，除非您将 .repeat 选项添加到 options 参数。

因此，为了实现更接近您想要的效果，请将代码更新为:

func blinkScreen()
    UIView.animate(withDuration: 1, delay: 0, options: [.repeat, .curveLinear], animations: {
        self.imageV.transform = CGAffineTransform(translationX: 0, y: -10)
    }) { _ in
        self.imageV.transform = .identity
    }
}

如果您想为上下移动设置动画，请使用 .autoreverse 选项(也可能是 .curveEaseInOut):

func blinkScreen()
    UIView.animate(withDuration: 1, delay: 0, options: [.repeat, .autoreverse, .curveEaseInOut], animations: {
        self.imageV.transform = CGAffineTransform(translationX: 0, y: -10)
    }) { _ in
        self.imageV.transform = .identity
    }
}