核心动画进度回调函数

Question

在 Core Animation 运行时，是否有一种简单的方法可以在其达到某些特定点时进行回调（例如，在完成的50％和66％处）？

我目前正在考虑设置一个 NSTimer，但这并不像我想要的那样精确。

- tarmes

---

我不知道有多容易...但是你在操作的属性上使用KVO怎么样？这让我想起我以前可能做过这个。 - bandejapaisa

在动画的某些时刻，我想显示和隐藏其他视图。 - tarmes

Answer 1

我终于为这个问题开发出了一种解决方案。

本质上，我希望每一帧都被回调并完成我需要做的事情。

没有明显的方法来观察动画的进度，但实际上是可能的：

• 首先，我们需要创建一个新的CALayer子类，其中包含一个可动画属性'progress'。

• 将该层添加到树中，然后创建一个动画，将驱动进度值从0到1，持续时间为整个动画的时间。

• 由于我们的progress属性可以进行动画处理，在动画的每一帧上，drawInContext函数会在我们的子类上被调用。虽然这个函数不需要重新绘制任何内容，但它可以用来调用一个委托函数 :)

下面是该类的接口：

@protocol TAProgressLayerProtocol <NSObject>

- (void)progressUpdatedTo:(CGFloat)progress;

@end

@interface TAProgressLayer : CALayer

@property CGFloat progress;
@property (weak) id<TAProgressLayerProtocol> delegate;

@end

实现代码如下：

@implementation TAProgressLayer

// We must copy across our custom properties since Core Animation makes a copy
// of the layer that it's animating.

- (id)initWithLayer:(id)layer
{
    self = [super initWithLayer:layer];
    if (self) {
        TAProgressLayer *otherLayer = (TAProgressLayer *)layer;
        self.progress = otherLayer.progress;
        self.delegate = otherLayer.delegate;
    }
    return self;
}

// Override needsDisplayForKey so that we can define progress as being animatable.

+ (BOOL)needsDisplayForKey:(NSString*)key {
    if ([key isEqualToString:@"progress"]) {
        return YES;
    } else {
        return [super needsDisplayForKey:key];
    }
}

// Call our callback

- (void)drawInContext:(CGContextRef)ctx
{
    if (self.delegate)
    {
        [self.delegate progressUpdatedTo:self.progress];
    }
}

@end

我们可以将此图层添加到我们的主要图层中：

TAProgressLayer *progressLayer = [TAProgressLayer layer];
progressLayer.frame = CGRectMake(0, -1, 1, 1);
progressLayer.delegate = self;
[_sceneView.layer addSublayer:progressLayer];

同时与其他动画一起使其动起来：

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"progress"];
anim.duration = 4.0;
anim.beginTime = 0;
anim.fromValue = @0;
anim.toValue = @1;
anim.fillMode = kCAFillModeForwards;
anim.removedOnCompletion = NO;

[progressLayer addAnimation:anim forKey:@"progress"];

最后，当动画进行时，将会回调委托对象：

- (void)progressUpdatedTo:(CGFloat)progress
{
    // Do whatever you need to do...
}

- tarmes

---

干得好。请注意，当图层完成时，必须显式地从图层中删除动画，否则drawInContext:将在每一帧上继续被调用。 - Thomas

好主意。我想建议一个小改进。目前你需要将图层的框架设置为1x1的矩形，因为只有在图层的框架非零时才会调用drawInContext:（在此过程中创建一个1x1pt位图）。相反，你可以重写[CALayer display]，它会为零框架调用，并且默认不会创建位图上下文（稍微更加高效）。唯一的区别是你需要在draw实现内读取self.presentationLayer.progress而不是self.progress。 - oztune

Answer 2

如果您不想通过黑客手段来向CALayer报告进度，还有另一种方法。从概念上讲，您可以使用CADisplayLink在每个帧上保证回调，然后简单地测量自动播放开始后经过的时间除以持续时间来计算完成百分比。

开源库INTUAnimationEngine将此功能非常清晰地封装成一个API，它几乎与UIView基于块的动画完全相同：

// INTUAnimationEngine.h

// ...

+ (NSInteger)animateWithDuration:(NSTimeInterval)duration
                           delay:(NSTimeInterval)delay
                      animations:(void (^)(CGFloat percentage))animations
                      completion:(void (^)(BOOL finished))completion;

// ...

你只需要在开始其他动画时调用此方法，同时传递相同的duration和delay值，然后对于每一帧动画，都会执行animations块，并显示当前完成百分比。如果你想确保你的时间完美同步，可以完全使用INTUAnimationEngine驱动你的动画。

- smileyborg

---

这应该是正确的答案。与之相比，当前被接受的答案似乎是一种黑客行为。本教程解释了如何设置基本的CADisplayLink方案：https://zearfoss.wordpress.com/2011/09/02/more-cadisplaylink/ 您也可以很容易地将缓动应用于此方案。尝试此教程以了解将缓动应用于FPS动画的基础知识：https://medium.com/thoughts-on-thoughts/recreating-apple-s-rubber-band-effect-in-swift-dbf981b40f35#.tpbvwo1wi - Sentry.co

本教程也更倾向于使用CADisplayLink方法，而非当前被接受的答案。http://holko.pl/2014/06/26/recreating-skypes-action-sheet-animation/ - Sentry.co

Answer 3

我使用Swift (2.0)实现了tarmes在被接受的答案中建议的CALayer子类：

protocol TAProgressLayerProtocol {

    func progressUpdated(progress: CGFloat)

}

class TAProgressLayer : CALayer {

    // MARK: - Progress-related properties

    var progress: CGFloat = 0.0
    var progressDelegate: TAProgressLayerProtocol? = nil

    // MARK: - Initialization & Encoding

    // We must copy across our custom properties since Core Animation makes a copy
    // of the layer that it's animating.

    override init(layer: AnyObject) {
        super.init(layer: layer)
        if let other = layer as? TAProgressLayerProtocol {
            self.progress = other.progress
            self.progressDelegate = other.progressDelegate
        }
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        progressDelegate = aDecoder.decodeObjectForKey("progressDelegate") as? CALayerProgressProtocol
        progress = CGFloat(aDecoder.decodeFloatForKey("progress"))
    }

    override func encodeWithCoder(aCoder: NSCoder) {
        super.encodeWithCoder(aCoder)
        aCoder.encodeFloat(Float(progress), forKey: "progress")
        aCoder.encodeObject(progressDelegate as! AnyObject?, forKey: "progressDelegate")
    }

    init(progressDelegate: TAProgressLayerProtocol?) {
        super.init()
        self.progressDelegate = progressDelegate
    }

    // MARK: - Progress Reporting

    // Override needsDisplayForKey so that we can define progress as being animatable.
    class override func needsDisplayForKey(key: String) -> Bool {
        if (key == "progress") {
            return true
        } else {
            return super.needsDisplayForKey(key)
        }
    }

    // Call our callback

    override func drawInContext(ctx: CGContext) {
        if let del = self.progressDelegate {
            del.progressUpdated(progress)
        }
    }

}

- Jeff Hay

Answer 4

转换到Swift 4.2:

protocol CAProgressLayerDelegate: CALayerDelegate {
    func progressDidChange(to progress: CGFloat)
}

extension CAProgressLayerDelegate {
    func progressDidChange(to progress: CGFloat) {}
}

class CAProgressLayer: CALayer {
    private struct Const {
        static let animationKey: String = "progress"
    }

    @NSManaged private(set) var progress: CGFloat
    private var previousProgress: CGFloat?
    private var progressDelegate: CAProgressLayerDelegate? { return self.delegate as? CAProgressLayerDelegate }

    override init() {
        super.init()
    }

    init(frame: CGRect) {
        super.init()
        self.frame = frame
    }

    override init(layer: Any) {
        super.init(layer: layer)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.progress = CGFloat(aDecoder.decodeFloat(forKey: Const.animationKey))
    }

    override func encode(with aCoder: NSCoder) {
        super.encode(with: aCoder)
        aCoder.encode(Float(self.progress), forKey: Const.animationKey)
    }

    override class func needsDisplay(forKey key: String) -> Bool {
        if key == Const.animationKey { return true }
        return super.needsDisplay(forKey: key)
    }

    override func display() {
        super.display()
        guard let layer: CAProgressLayer = self.presentation() else { return }
        self.progress = layer.progress
        if self.progress != self.previousProgress {
            self.progressDelegate?.progressDidChange(to: self.progress)
        }
        self.previousProgress = self.progress
    }
}

使用方法：

class ProgressView: UIView {
    override class var layerClass: AnyClass {
        return CAProgressLayer.self
    }
}

class ExampleViewController: UIViewController, CAProgressLayerDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()

        let progressView = ProgressView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
        progressView.layer.delegate = self
        view.addSubview(progressView)

        var animations = [CAAnimation]()

        let opacityAnimation = CABasicAnimation(keyPath: "opacity")
        opacityAnimation.fromValue = 0
        opacityAnimation.toValue = 1
        opacityAnimation.duration = 1
        animations.append(opacityAnimation)

        let progressAnimation = CABasicAnimation(keyPath: "progress")
        progressAnimation.fromValue = 0
        progressAnimation.toValue = 1
        progressAnimation.duration = 1
        animations.append(progressAnimation)

        let group = CAAnimationGroup()
        group.duration = 1
        group.beginTime = CACurrentMediaTime()
        group.animations = animations

        progressView.layer.add(group, forKey: nil)
    }

    func progressDidChange(to progress: CGFloat) {
        print(progress)
    }
}

- KOF

---

欢迎来到Stack Overflow。虽然代码可能回答了问题，但是提供关于为什么和/或如何回答问题的额外上下文信息可以提高其长期价值。如何回答问题。 - Elletlar