xcode - Swift 无限淡入淡出循环

Question

如何在 swift 中做出类似这样的效果:

我希望动画永远循环。

Answer 1

适用于 iOS

UIViewAnimationOptions 集提供了不同的便利选项来实现美丽而复杂的动画组合。对于您的特定场景，您将需要两个选项。

UIViewAnimationOptions.Repeat
UIViewAnimationOptions.AutoReverse

查看下面的代码以实现。

代码:

class MyViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let view = UIView(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
        view.backgroundColor = UIColor.blueColor()
        self.view.addSubview(view)

        UIView.animateWithDuration(1, 
        delay: 0, 
        options: [UIViewAnimationOptions.Autoreverse, UIViewAnimationOptions.Repeat], 
        animations: {
              view.backgroundColor = UIColor.clearColor()
          }, 
        completion: nil)
    }

}

解释:为了演示目的，我创建了一个带有特定框架的 View 。

您感兴趣的部分是 UIView.animateWithDuration 方法。请注意，我在 options 参数中提供了一个数组 [UIViewAnimationOptions.AutoReverse, UIViewAnimationOptions.Repeat]。

这两个选项足以实现如下所示的平滑且永远循环的动画。 https://s3.amazonaws.com/uploads.hipchat.com/37040/1764070/6Iow7n7WiWf6Naz/autoReverse.gif

如果您不想反转动画，只需从 options 参数中的数组中删除 UIViewAnimationOptions.AutoReverse。你会得到这样的动画。 https://s3.amazonaws.com/uploads.hipchat.com/37040/1764070/8fyRUlzqNHSQI47/noreverse.gif