在alpha上平滑地暂停重复的UIView块动画，然后再播放另一个动画

在iOS开发中，UIView 的动画块是一种常用的方式来创建动画效果。如果你想要在 alpha 属性上平滑地暂停一个重复的动画，然后再播放另一个动画，你可以使用 UIView 的动画方法和 CADisplayLink 来实现。

基础概念

UIView 动画块：UIView 提供了类方法来创建动画块，例如 animateWithDuration:animations:。
CADisplayLink：这是一个与显示器刷新率同步的定时器，可以用来创建更平滑的动画效果。
动画暂停和恢复：可以通过改变动画的时间偏移量来暂停动画，并通过设置新的时间偏移量来恢复动画。

类型

重复动画：通过设置动画的 repeatCount 属性为 INFINITY 来创建无限重复的动画。
暂停和恢复动画：通过调整动画的 beginTime 属性来实现动画的暂停和恢复。

应用场景

用户界面元素的状态变化：如按钮的高亮效果、视图的淡入淡出等。
游戏中的角色动作：需要精确控制动画的播放和暂停。
交互式动画：用户操作触发的动画效果。

示例代码

以下是一个示例代码，展示了如何在 alpha 属性上平滑地暂停一个重复的动画，然后再播放另一个动画：

import UIKit

class AnimatedView: UIView {
    
    private var displayLink: CADisplayLink?
    private var startTime: CFTimeInterval = 0
    private var pausedTimeOffset: CFTimeInterval = 0
    private var animationDuration: TimeInterval = 2.0
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupAnimation()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        setupAnimation()
    }
    
    private func setupAnimation() {
        displayLink = CADisplayLink(target: self, selector: #selector(updateAnimation))
        displayLink?.add(to: .current, forMode: .common)
    }
    
    @objc private func updateAnimation(displayLink: CADisplayLink) {
        if startTime == 0 {
            startTime = displayLink.timestamp - pausedTimeOffset
        }
        
        let elapsed = displayLink.timestamp - startTime
        let progress = CGFloat(fmod(elapsed, animationDuration) / animationDuration)
        
        alpha = 0.5 + 0.5 * sin(progress * .pi * 2)
    }
    
    func pauseAnimation() {
        if !displayLink?.isPaused ?? true {
            displayLink?.pause()
            pausedTimeOffset = CACurrentMediaTime() - startTime
        }
    }
    
    func resumeAnimation() {
        if displayLink?.isPaused ?? false {
            startTime = CACurrentMediaTime() - pausedTimeOffset
            displayLink?.resume()
        }
    }
    
    func startNewAnimation() {
        pauseAnimation()
        // 设置新的动画参数
        animationDuration = 3.0
        startTime = 0
        displayLink?.resume()
    }
}