Wie kann eine UIView einen transparenten Farbverlauf bewirken?

Question

Ich möchte eine UIView haben einen transparenten Gradienten von der Mitte nach links und rechts. Wie in diesem Beispiel:

Das Wort hat 籍 die gewünschte Wirkung. Diese Sicht wird durch die Klasse MarqueeLabel erreicht. Ich habe den Quellcode untersucht, wahrscheinlich wird er von Klasse CALayer implementiert.

Answer 1

Sie können CAGradientLayer wie folgt verwenden.

gradientLayer = [CAGradientLayer layer]; 
gradientLayer.frame = baseView.bounds; 
gradientLayer.startPoint = CGPointMake(0.5,0.0); 
gradientLayer.endPoint = CGPointMake(0.5,1.0); 
gradientLayer.locations = @[@(0.0), @(0.2), @(1.0)]; 
gradientLayer.colors = @[(id)[UIColor colorWithWhite:1.0 alpha:0.9].CGColor, 
         (id)[UIColor colorWithWhite:1.0 alpha:0.3].CGColor, 
         (id)[UIColor colorWithWhite:1.0 alpha:0.0].CGColor]; 
[baseView.layer addSublayer:gradientLayer]; 

CAGradientLayer unterstützt mehrere Eigenschaften zu natürlichen Gefälle, wie Einstellung Gradientenrichtung von startPoint und endPoint, wechselnde Farbkurve von locations und colors zu machen.

Sie machen auch einen transparenten Effekt, indem Sie den Alphakanal der Farbe verwenden.

Answer 2

Screenshot

Swift Code

let mask = CAGradientLayer() 
mask.startPoint = CGPointMake(0.0, 0.5) 
mask.endPoint = CGPointMake(1.0, 0.5) 
let whiteColor = UIColor.whiteColor() 
mask.colors = [whiteColor.colorWithAlphaComponent(0.0).CGColor,whiteColor.colorWithAlphaComponent(1.0),whiteColor.colorWithAlphaComponent(1.0).CGColor] 
mask.locations = [NSNumber(double: 0.0),NSNumber(double: 0.2),NSNumber(double: 1.0)] 
mask.frame = label.bounds 
label.layer.mask = mask 

Answer 3

Swift 3:

let mask = CAGradientLayer() 
mask.startPoint = CGPoint(x: 0, y: 0.5) 
mask.endPoint = CGPoint(x:1.0, y:0.5) 
let whiteColor = UIColor.white 
mask.colors = [whiteColor.withAlphaComponent(0.0).cgColor,whiteColor.withAlphaComponent(1.0),whiteColor.withAlphaComponent(1.0).cgColor] 
mask.locations = [NSNumber(value: 0.0),NSNumber(value: 0.2),NSNumber(value: 1.0)] 
mask.frame = view.bounds 
view.layer.mask = mask