为下列代码实现可暂停效果: import UIKit class ViewController: UIViewController { private let radarAnimation = "radarAnimation" private var animationLayer: CALayer? private var animationGroup: CAAnimationGroup? private var opBtn: UIButton! override func viewDidLoad() { super.viewDidLoad() let first = makeRadarAnimation(showRect: CGRect(x: 120, y: 100, width: 100, height: 100), isRound: true) view.layer.addSublayer(first) opBtn = UIButton(frame: CGRect(x: 100, y: 450, width: 80, height: 80)) opBtn.backgroundColor = UIColor.red opBtn.clipsToBounds = true opBtn.setTitle("Hsu", for: .normal) opBtn.layer.cornerRadius = 10 view.addSubview(opBtn) let second = makeRadarAnimation(showRect: opBtn.frame, isRound: false) view.layer.insertSublayer(second, below: opBtn.layer) } @IBAction func startAction(_ sender: UIButton) { animationLayer?.add(animationGroup!, forKey: radarAnimation) } @IBAction func stopAction(_ sender: UIButton) { animationLayer?.removeAnimation(forKey: radarAnimation) } private func makeRadarAnimation(showRect: CGRect, isRound: Bool) -> CALayer { // 1. 一个动态波 let shapeLayer = CAShapeLayer() shapeLayer.frame = showRect // showRect 最大内切圆 if isRound { shapeLayer.path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height)).cgPath } else { // 矩形 shapeLayer.path = UIBezierPath(roundedRect: CGRect(x: 0, y: 0, width: showRect.width, height: showRect.height), cornerRadius: 10).cgPath } shapeLayer.fillColor = UIColor.orange.cgColor // 默认初始颜色透明度 shapeLayer.opacity = 0.0 animationLayer = shapeLayer // 2. 需要重复的动态波,即创建副本 let replicator = CAReplicatorLayer() replicator.frame = shapeLayer.bounds replicator.instanceCount = 4 replicator.instanceDelay = 1.0 replicator.addSublayer(shapeLayer) // 3. 创建动画组 let opacityAnimation = CABasicAnimation(keyPath: "opacity") opacityAnimation.fromValue = NSNumber(floatLiteral: 1.0) // 开始透明度 opacityAnimation.toValue = NSNumber(floatLiteral: 0) // 结束时透明底 let scaleAnimation = CABasicAnimation(keyPath: "transform") if isRound { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 0, 0, 0)) // 缩放起始大小 } else { scaleAnimation.fromValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.0, 1.0, 0)) // 缩放起始大小 } scaleAnimation.toValue = NSValue.init(caTransform3D: CATransform3DScale(CATransform3DIdentity, 1.5, 1.5, 0)) // 缩放结束大小 let animationGroup = CAAnimationGroup() animationGroup.animations = [opacityAnimation, scaleAnimation] animationGroup.duration = 3.0 // 动画执行时间 animationGroup.repeatCount = HUGE // 最大重复 animationGroup.autoreverses = false self.animationGroup = animationGroup shapeLayer.add(animationGroup, forKey: radarAnimation) return replicator } }
时间: 2024-03-03 07:50:57 浏览: 131
ios-封装了viewController页面跳转常用的动画.zip
为了实现可暂停效果,我们需要记录动画的当前状态并在暂停时保存状态,在恢复时重新加载状态。
首先,我们需要添加一个布尔类型的变量 `isPaused` 来记录动画是否被暂停:
```swift
private var isPaused = false
```
然后,我们需要修改 `startAction` 和 `stopAction` 方法来支持暂停和恢复动画:
```swift
@IBAction func startAction(_ sender: UIButton) {
if isPaused {
// 如果动画已经被暂停,则恢复动画
animationLayer?.speed = 1.0
isPaused = false
} else {
// 否则开始动画
animationLayer?.add(animationGroup!, forKey: radarAnimation)
}
}
@IBAction func stopAction(_ sender: UIButton) {
if let animationLayer = animationLayer {
// 保存动画状态
let pausedTime = animationLayer.convertTime(CACurrentMediaTime(), from: nil)
animationLayer.speed = 0.0
animationLayer.timeOffset = pausedTime
isPaused = true
}
}
```
在 `startAction` 方法中,我们检查动画是否已经被暂停。如果已经被暂停,则恢复动画的速度,并将 `isPaused` 设置为 `false`。否则,开始动画。
在 `stopAction` 方法中,我们保存动画的时间偏移量和速度,并将 `isPaused` 设置为 `true`。
最后,我们需要在 `viewDidLoad` 方法中添加一个触摸手势来暂停动画:
```swift
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleTapGesture(_:)))
view.addGestureRecognizer(tapGesture)
```
并且实现 `handleTapGesture` 方法:
```swift
@objc private func handleTapGesture(_ gesture: UITapGestureRecognizer) {
if !isPaused {
stopAction(opBtn)
}
}
```
这个方法会在用户触摸屏幕时被调用,并停止动画。如果动画已经被暂停,则不做任何事情。
阅读全文