Swift animate WithDuration 语法是什么

Swift

使用 Swift 中的 animate(withDuration:) 方法可以实现视图的动画效果。该方法的语法如下所示：

Swift
UIView.animate(withDuration: TimeInterval, 
               delay: TimeInterval, 
               options: UIView.AnimationOptions, 
               animations: () -> Void, 
               completion: ((Bool) -> Void)?)

其中，参数的含义如下：

- withDuration: 动画的持续时间，以秒为单位。

- delay: 动画开始前的延迟时间，以秒为单位。

- options: 动画选项，可以指定动画的一些特性，如重复、反转等。

- animations: 一个闭包，用于定义要执行的动画效果。

- completion: 动画结束后执行的闭包，可以在此处进行一些额外的操作，如更新界面状态等。

接下来，我们将通过一个简单的案例来演示 animate(withDuration:) 方法的用法。

Swift
import UIKit
class ViewController: UIViewController {
    
    var squareView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        squareView = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        squareView.backgroundColor = UIColor.red
        view.addSubview(squareView)
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        
        // 执行动画效果
        UIView.animate(withDuration: 1.0, delay: 0.5, options: .autoreverse, animations: {
            self.squareView.backgroundColor = UIColor.blue
            self.squareView.transform = CGAffineTransform(scaleX: 2.0, y: 2.0)
        }) { (finished) in
            if finished {
                print("动画完成")
            }
        }
    }
}

在上述代码中，我们创建了一个红色的正方形视图 squareView，并将其添加到了当前视图控制器的视图中。在 viewDidAppear 方法中，我们调用了 animate(withDuration:) 方法，设置动画的持续时间为 1 秒，延迟时间为 0.5 秒，动画选项为 .autoreverse，即动画结束后自动反转回到原始状态。在 animations 闭包中，我们将 squareView 的背景颜色设置为蓝色，并将其缩放为原来的两倍。在 completion 闭包中，我们输出了一条动画完成的提示信息。

通过运行上述代码，我们可以看到正方形视图会在动画效果下从红色变为蓝色，并且缩放为原来的两倍，然后再自动反转回到原始状态。在动画完成后，我们还会输出一条提示信息。

使用animate(withDuration:)方法实现视图动画效果

在 Swift 中，我们可以使用 animate(withDuration:) 方法来实现视图的动画效果。该方法的语法如下：

Swift
UIView.animate(withDuration: TimeInterval, 
               delay: TimeInterval, 
               options: UIView.AnimationOptions, 
               animations: () -> Void, 
               completion: ((Bool) -> Void)?)

其中，参数的含义如下：

- withDuration: 动画的持续时间，以秒为单位。

- delay: 动画开始前的延迟时间，以秒为单位。

- options: 动画选项，可以指定动画的一些特性，如重复、反转等。

- animations: 一个闭包，用于定义要执行的动画效果。

- completion: 动画结束后执行的闭包，可以在此处进行一些额外的操作，如更新界面状态等。

接下来，我们将通过一个简单的案例来演示 animate(withDuration:) 方法的用法。

案例代码如下：

Swift
import UIKit
class ViewController: UIViewController {
    
    var squareView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        squareView = UIView(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        squareView.backgroundColor = UIColor.red
        view.addSubview(squareView)
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        
        // 执行动画效果
        UIView.animate(withDuration: 1.0, delay: 0.5, options: .autoreverse, animations: {
            self.squareView.backgroundColor = UIColor.blue
            self.squareView.transform = CGAffineTransform(scaleX: 2.0, y: 2.0)
        }) { (finished) in
            if finished {
                print("动画完成")
            }
        }
    }
}

在上述代码中，我们首先创建了一个红色的正方形视图 squareView，并将其添加到了当前视图控制器的视图中。然后，在 viewDidAppear 方法中，我们调用了 animate(withDuration:) 方法，设置动画的持续时间为 1 秒，延迟时间为 0.5 秒，动画选项为 .autoreverse，即动画结束后自动反转回到原始状态。

在 animations 闭包中，我们将 squareView 的背景颜色设置为蓝色，并将其缩放为原来的两倍。在 completion 闭包中，我们输出了一条动画完成的提示信息。

通过运行上述代码，我们可以看到正方形视图会在动画效果下从红色变为蓝色，并且缩放为原来的两倍，然后再自动反转回到原始状态。在动画完成后，我们还会输出一条提示信息。

这就是使用 animate(withDuration:) 方法实现视图动画效果的简单示例。通过这个方法，我们可以轻松地给视图添加各种动画效果，为用户提供更加生动和友好的界面交互体验。