8

Вопрос по ios – Заполнение пути градиентом на iOS

НаCAShapeLayerЯ нарисовал закрытуюUIBezierPath, Я могу заполнить эту форму, установивfillColorОднако я хочу, чтобы заполнить форму с градиентом. Как я могу настроитьCAGradientLayerтак что он обрезает форму, обозначенную безье пути?

  • Это хорошо, но вы должны также выпустить градиент и цветовое пространство.

    от
  • спасибо я забыл их поставить

    от
  • Так как оригинальная запись показала Маску, я также добавил следующее:CGContextAddPath(context, roundedRectanglePath.CGPath); CGContextClip(context);   доCGContextDrawLinearGradient

    от
  • 20

    Пример проекта будет следующим:

    ...
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef context = UIGraphicsGetCurrentContext();
    
    UIColor *gradientColor = [UIColor colorWithRed:0.51 green:0.0 blue:0.49 alpha:1.0];
    
    NSArray *gradientColors = [NSArray arrayWithObjects: 
                              (id)[UIColor blueColor].CGColor, 
                              (id)gradientColor.CGColor, 
                              (id)[UIColor redColor].CGColor, nil];
    CGFloat gradientLocations[] = {0, 0.5, 1};
    CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (CFArrayRef)gradientColors, gradientLocations);
    
    UIBezierPath *roundedRectanglePath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 200, 200) cornerRadius:6];
    CGContextSaveGState(context);
    [roundedRectanglePath fill];
    [roundedRectanglePath addClip];
    CGContextDrawLinearGradient(context, gradient, CGPointMake(10, 10), CGPointMake(210, 10), 0);
    CGColorSpaceRelease(colorSpace);
    CGGradientRelease(gradient);
    
    ...
    

  • 5

    То

    что вы хотите, это маска. CAGradientlayer имеет метод -setMask, который может привязать его к границам вашей фигуры следующим образом:

    [gradientLayer setMask:shapeLayer];