ios - 在 Objective-c 中更新和动画渐变

Question

我想创建一个具有渐变背景的应用程序，该渐变背景会随着人们在屏幕上上下滑动而变化。我希望渐变是径向类型的，这就是我使用 Core Graphics 而不是 CAGradientLayer 的原因。

我的 View Controller 有一个 UIView 子类的属性，它的 drawRect 有以下实现:

- (void)drawRect:(CGRect) rect
{
    self.alpha = 1.0;

    // Draw radial gradient here using C language
    CGPoint startCenter, endCenter;

    startCenter = CGPointMake(CGRectGetMidX(rect), CGRectGetHeight(rect));

    endCenter = CGPointMake(CGRectGetMidX(rect), CGRectGetHeight(rect));


    //radial gradient radius;
    CGFloat startRadius = 0.17 * CGRectGetHeight(rect);
    CGFloat endRadius = 1.04 * CGRectGetHeight(rect);

    //gradient locations.    
    CGFloat locations[2] = {0.0, 0.8};

    //gradient color components.
    CGFloat components[8] = {
                              232/255.0, 249/255.0, 229/255.0, 1.0,
                              133/255.0, 174/255.0, 127/255.0, 1.0,
                             };

    //Drawing code.
    CGContextRef context = UIGraphicsGetCurrentContext();


    //Get RGB color space
    CGColorSpaceRef space = CGColorSpaceCreateDeviceRGB();

    //create gradient.
    CGGradientRef gradient = CGGradientCreateWithColorComponents(space, components, locations, 2);
    CGColorSpaceRelease(space);
    //draw gradient.
    CGContextDrawRadialGradient(context, gradient, startCenter, startRadius,endCenter,endRadius, kCGGradientDrawsBeforeStartLocation);



    _contextToSave = UIGraphicsGetCurrentContext();  // useless

    CGGradientRelease(gradient);

我想要的是能够更新渐变，所以我考虑在我的组件 CGFloat 数组中使用属性或实例变量，然后为更改设置动画，但我不知道该怎么做。

我知道我应该等待手势识别器并根据手势调整渐变，但由于我的问题不是什么时候更新而是如何更新，我决定尝试更新我的 viewDidAppear 中的渐变我的 ViewController 中的方法没有任何反应。

只是为了尝试创建渐变变化和动画，我在我的 viewDidAppear 的 ViewController 中尝试了以下代码:

[UIView animateWithDuration:6.0 animations:^{

    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

    CGFloat colorsComponents[8] = {
        145/255.0, 149/255.0, 229/255.0, 1.0,
        133/255.0, 74/255.0, 27/255.0, 1.0,
    };

    CGFloat locations[2] = {0.0, 0.8};

    //CGContextRef context = UIGraphicsGetCurrentContext();

    CGPoint startCenter, endCenter;

    startCenter = CGPointMake(0.5 * gradientView.frame.size.width, gradientView.frame.size.height);

    startCenter = endCenter;

    CGFloat startRadius = 0.17 * gradientView.frame.size.height;
    CGFloat endRadius = 1.04 * gradientView.frame.size.height;


    CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, colorsComponents, locations, 2);
    CGContextDrawRadialGradient(_subclassofView.contextToSave, gradient, startCenter, startRadius, endCenter, endRadius, kCGGradientDrawsBeforeStartLocation);

}];

感谢您的帮助。

Answer 1

如果您需要自定义动画，请查看:

• this article (Animating Pie Slices Using a Custom CALayer)通过帕万波迪拉
• this video (Animating Custom Layer Properties)罗伯·纳 PIL 。

它们一起教给您许多制作自定义动画的好方法。