用 drawRect 伪造 UIView 动画

Question

我有一个UIView，它使用-drawRect: 绘制自己，我想为用于绘图的颜色设置动画。基本的UIView 动画内容由于明显的原因（drawRect）不起作用。

我不能简单地使用CAShapeLayer 来绘制视图内容并为其设置动画。我想尝试手动伪造动画，使用计时器或CADisplayLink 与setNeedsDisplay 结合使用。有没有一种相当简单的方法可以将这种魔力隐藏在通常的 UIView 动画 API 后面？

例如，假设有一个 color 属性我想制作动画：

[UIView animateWithDuration:0.2 animations:^{
    [customDrawingView setColor:[UIColor redColor]];
}];

有没有办法“拦截”动画调用以读取动画参数（时间、目标值）并手动处理它们？我不想调酒UIView。

Answer 1

通过drawRect创建的动画（淡入）新框架

- (void)drawRect:(CGRect)rect {
    CABasicAnimation *animation;
    animation = [CABasicAnimation animation];
    [animation setDuration:0.5];
    [[self layer] addAnimation:animation forKey:@"contents"];

   .. your stuff here

}

Answer 2

我不得不像你那样做很多次。一般来说，您可以创建一些类来处理诸如浮点插值或CGPoint 插值之类的东西......并正确地完成这一切，但由于整个绘图已经存在，因此没有太多意义。

所以 UIView animateWithDuration 在这里不起作用，但您可以添加显示链接并手动进行插值。最好不改动现有代码，只添加几个方法：

假设你目前有这样的东西：

- (void)setColor:(UIColor *)color
{
    _color = color;
    [self setNeedsDisplay];
}

现在您可以添加 setColorAnimated: 并执行所有附加功能：

你需要一些额外的参数（属性），使用你想要的：

UIColor *_sourceColor;
UIColor *_targetColor;
NSDate *_startDate;
NSDate *_endDate;
CADisplayLink *_displayLink;

还有方法：

- (void)setColorAnimated:(UIColor *)color {
    _sourceColor = self.color; // set start to current color
    _targetColor = color; // destination color
    _startDate = [NSDate date]; // begins currently, you could add some delay if you wish
    _endDate = [_startDate dateByAddingTimeInterval:.3]; // will define animation duration

    [_displayLink invalidate]; // if one already exists
    _displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(onFrame)]; // create the display link
}
- (UIColor *)interpolatedColor:(UIColor *)sourceColor withColor:(UIColor *)targetColor forScale:(CGFloat)scale {
    // this will interpolate between two colors
    CGFloat r1, g1, b1, a1;
    CGFloat r2, g2, b2, a2;
    [sourceColor getRed:&r1 green:&g1 blue:&b1 alpha:&a1];
    [targetColor getRed:&r2 green:&g2 blue:&b2 alpha:&a2];

    // do a linear interpolation on RGBA. You can use other
    return [UIColor colorWithRed:r1+(r2-r1)*scale
                           green:g1+(g2-g1)*scale
                            blue:b1+(b2-b1)*scale
                           alpha:a1+(a2-a1)*scale];
}
- (void)onFrame {
    // scale is valid between 0 and 1
    CGFloat scale = [[NSDate date] timeIntervalSinceDate:_startDate] / [_endDate timeIntervalSinceDate:_startDate];
    if(scale < .0f) {
        // this can happen if delay is used
        scale = .0f;
    }
    else if(scale > 1.0f)
    {
        // end animation
        scale = 1.0f;
        [_displayLink invalidate];
        _displayLink = nil;
    }
    [self setColor:[self interpolatedColor:_sourceColor withColor:_targetColor forScale:scale]];
}