How do I animate NSView with curve

Question

I know how to animate NSView objects using +[NSAnimationContext runAnimationGroup:completionHandler:], but I can't see a way of setting the animation curve on this type of animation. I see that NSAnimation has an init method which includes a NSAnimationCurve parameter, but I cannot figure out how to specify what should actually happen during the animation using this method. The documentation for NSAnimation is really difficult to understand and I can't find any examples. So if somebody could explain how I can either add a curve to NSAnimationContext animations or specify the animations in a NSAnimation animation, that would be really helpful. Thanks in advance!

score 1 · Accepted Answer · answered Feb 09 '19 at 14:34

1

What you’re looking for is timingFunction.

You can set it inside of the runAnimationGroup block:

NSAnimationContext.currentContext.timingFunction = …

and either use predefined functions or create your own with control points.

answered Feb 09 '19 at 14:34

pointum

2,987
24
31

Perfect! Thank you! I did see the `timingFunction` property but for some reason it didn't register as what I needed. The docs for NSView animation are a mess and make it sounds much more complicated than it really is. – mashers Feb 09 '19 at 15:38
2

To complete the snippet you provided, I had to import QuartzCore and then do `context.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];` – mashers Feb 09 '19 at 15:38

score 1 · Answer 2 · answered Nov 01 '21 at 14:55

1

Swift version of pointium's answer:

NSAnimationContext.current.timingFunction = .init(name: .linear)

answered Nov 01 '21 at 14:55

Tamás Sengel

55,884
29
169
223

How do I animate NSView with curve

2 Answers2