Swift - 动画 ImageView

Question

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

 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

好的，我想我明白你的目的是什么。

首先，duration 参数是动画每次迭代的持续时间。其次， 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
    }
}