动画库 CPAnimationSequence

最新推荐文章于 2023-01-31 21:05:26 发布

天占

最新推荐文章于 2023-01-31 21:05:26 发布

阅读量745

点赞数

文章标签： animation parallel mobile blog

CPAnimationSequence是一款用于声明式地定义包含多个步骤的动画序列的工具。它支持复杂的动画组合，如并行运行步骤及序列，并能实现步骤间的重叠。通过CPAnimationProgram可以进一步控制动画的并行执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://github.com/yangmeyer/CPAnimationSequence

CPAnimationSequence

Declaratively describe animation sequences that consist of multiple steps.

Something like this:

CPAnimationSequence* shakespeare = [CPAnimationSequence sequenceWithSteps:
    [CPAnimationStep           for:0.2 animate:^{ self.romeo.alpha = 1.0;
                                                       self.julia.alpha = 1.0; }],
    [CPAnimationStep after:1.0 for:0.7 animate:^{
                            CGPoint kiss = CGPointMake((self.romeo.center.x + self.julia.center.x)/2,
                                                       (self.romeo.center.y + self.julia.center.y)/2);
                            self.romeo.center = kiss;
                            self.julia.center = kiss;
    }],
    [CPAnimationStep after:2.0 for:0.5 animate:[self dramaticDeathAnimationStep]],
    [CPAnimationStep           for:0.0 animate:^{ self.theEnd.hidden = NO; }],
    nil];
[shakespeare runAnimated:YES];

I described the rationale and possible improvements on the compeople developer blog on Mobile Apps.

CPAnimationProgram

With the addition of CPAnimationProgram, you can now also run steps (and sequences, and programs) in parallel, or overlap steps (and sequences, and programs).

This is still somewhat experimental, so you might run into problems with particularly complex overlaps. It does seem to work well, though, so give it a try.

Composite pattern

The component implements the Composite design pattern, which means that you can nest sequences and programs as much as device memory and your sanity allow.