Как заполнить путь градиентом в drawRect:?

Question

Как заполнить путь градиентом в drawRect:?

заполнение пути со сплошным цветом достаточно легко:

CGPoint aPoint;
for (id pointValue in points)
{
    aPoint = [pointValue CGPointValue];
    CGContextAddLineToPoint(context, aPoint.x, aPoint.y);
}
[[UIColor redColor] setFill];
[[UIColor blackColor] setStroke];
CGContextDrawPath(context, kCGPathFillStroke);

Я хотел бы потянуть градиент вместо чисто красного, но я испытываю затруднения. Я попробовал код, перечисленный в Вопросе/Ответе: Градиенты на UIView и UILabels На iPhone

который является:

CAGradientLayer *gradient = [CAGradientLayer layer];
[gradient setFrame:rect];
[gradient setColors:[NSArray arrayWithObjects:(id)[[UIColor blueColor] CGColor],
                (id)[[UIColor whiteColor] CGColor], nil]];
[[self layer] setMasksToBounds:YES];

[[self layer] insertSublayer:gradient atIndex:0];

Однако это красит все представление, что это хорошо знает градиент, покрывая мой первоначальный тракт.

40

iphone core-graphics quartz-graphics drawrect

задан Community 23 May 2017 в 11:54

1 ответ

Другие вопросы по тегам:

iphone core-graphics quartz-graphics drawrect

Похожие вопросы:

score 97 · Accepted Answer

Я бы сделал клип на контур, который вы хотите залить, и использовал CGContextDrawLinearGradient. Вот простая реализация drawRect: в качестве примера:

- (void) drawRect:(CGRect)rect
{
    // Create a gradient from white to red
    CGFloat colors [] = { 
        1.0, 1.0, 1.0, 1.0, 
        1.0, 0.0, 0.0, 1.0
    };

    CGColorSpaceRef baseSpace = CGColorSpaceCreateDeviceRGB();
    CGGradientRef gradient = CGGradientCreateWithColorComponents(baseSpace, colors, NULL, 2);
    CGColorSpaceRelease(baseSpace), baseSpace = NULL;

    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSaveGState(context);
    CGContextAddEllipseInRect(context, rect);
    CGContextClip(context);

    CGPoint startPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect));
    CGPoint endPoint = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));

    CGContextDrawLinearGradient(context, gradient, startPoint, endPoint, 0);
    CGGradientRelease(gradient), gradient = NULL;

    CGContextRestoreGState(context);

    CGContextAddEllipseInRect(context, rect);
    CGContextDrawPath(context, kCGPathStroke);
}