Wie zeichne ich radiale Gradienten in einem CALayer?

Ich weiß CAGradientLayer unterstützt keine radialen Gradienten im moment und hat nur die Möglichkeit kCAGradientLayerAxial.

Möchte ich so etwas wie unten:

Wie zeichne ich radiale Gradienten in einem CALayer?

Ich habe mir, um für dieses Problem und fand heraus, dass es ist ein Weg, um dieses. Aber die Erklärungen waren mir nicht klar. Also ich möchte wissen, ob ich zeichnen kann, die radiale Verläufe mit CAGradientLayer und wenn ja, dann wie?

InformationsquelleAutor der Frage blancos | 2014-11-13

  1. 42

    Von dem, was ich verstanden, man braucht nur eine Schicht, zeichnet einen Farbverlauf, und CGContextDrawRadialGradient funktioniert perfekt für, müssen. Und um zu wiederholen, was Sie sagte, CAGradientLayer unterstützt keine radialen Gradienten, und nichts können wir dagegen tun, außer unnötige swizzling getan werden kann, dass sauber mit einer CALayer Unterklasse.

    (Hinweis: der gradient Zeichnung code wurde hier. Es ist nicht, was diese Antwort ist.)

    viewDidLoad:

    GradientLayer *gradientLayer = [[GradientLayer alloc] init];
gradientLayer.frame = self.view.bounds;

[self.view.layer addSublayer:gradientLayer];

    CALayer Unterklasse:

    - (instancetype)init
{
    self = [super init];
    if (self) {
        [self setNeedsDisplay];
    }
    return self;
}

- (void)drawInContext:(CGContextRef)ctx
{

    size_t gradLocationsNum = 2;
    CGFloat gradLocations[2] = {0.0f, 1.0f};
    CGFloat gradColors[8] = {0.0f,0.0f,0.0f,0.0f,0.0f,0.0f,0.0f,0.5f};
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, gradColors, gradLocations, gradLocationsNum);
    CGColorSpaceRelease(colorSpace);

    CGPoint gradCenter= CGPointMake(CGRectGetMidX(self.bounds), CGRectGetMidY(self.bounds));
    CGFloat gradRadius = MIN(self.bounds.size.width , self.bounds.size.height) ;

    CGContextDrawRadialGradient (ctx, gradient, gradCenter, 0, gradCenter, gradRadius, kCGGradientDrawsAfterEndLocation);


    CGGradientRelease(gradient);
}

    Wie zeichne ich radiale Gradienten in einem CALayer?

    InformationsquelleAutor der Antwort Mazyod

  2. 16

    Hier ist die Swift3 code, den ich verwenden : 

    import UIKit

class RadialGradientLayer: CALayer {

    required override init() {
        super.init()
        needsDisplayOnBoundsChange = true
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    required override init(layer: Any) {
        super.init(layer: layer)
    }

    public var colors = [UIColor.red.cgColor, UIColor.blue.cgColor]

    override func draw(in ctx: CGContext) {
        ctx.saveGState()

        let colorSpace = CGColorSpaceCreateDeviceRGB()
        var locations = [CGFloat]()
        for i in 0...colors.count-1 {
            locations.append(CGFloat(i) / CGFloat(colors.count))
        }
        let gradient = CGGradient(colorsSpace: colorSpace, colors: colors as CFArray, locations: locations)
        let center = CGPoint(x: bounds.width / 2.0, y: bounds.height / 2.0)
        let radius = min(bounds.width / 2.0, bounds.height / 2.0)
        ctx.drawRadialGradient(gradient!, startCenter: center, startRadius: 0.0, endCenter: center, endRadius: radius, options: CGGradientDrawingOptions(rawValue: 0))
    }
}

    InformationsquelleAutor der Antwort Kirualex

Schreibe einen Kommentar