我想在 UILabel 上添加渐变效果，所以它看起来像:

请注意左右角的渐变效果。我不知道该怎么做。任何帮助或建议将不胜感激。

编辑:-我试过这段代码-

UIColor *endColor = [UIColor colorWithRed:20/255.0 green:157/255.0 blue:189/255.0 alpha:1.0];
NSArray *gradientColors = [NSArray arrayWithObjects:(id)[[UIColor clearColor] CGColor],(id)[endColor CGColor], nil];
CAGradientLayer *gradientLayer = [CAGradientLayer layer];
gradientLayer.colors = gradientColors;
[gradientLayer setStartPoint:CGPointMake(0.0, 0.5)];
[gradientLayer setEndPoint:CGPointMake(1.0, 0.5)];
[self.rightLabel.layer insertSublayer: gradientLayer atIndex:0];

但我越来越喜欢:

注意:

渐变被添加为标签的背景，但我想要第一个图像中的渐变效果(见右角的标签)

最佳答案

你的代码是正确的，但你错过了设置将被 CAGradientLayer 占用的框架..

请注意，您需要使用具有 alpha 值的颜色，以避免出现黑色。例如:

[UIColor colorWithRed:0 green:0.5 blue:1 alpha:0]

或

[[UIColor YourColor] colorWithAlphaComponent:0] 而不是 [UIColor clearColor]

并检查这个示例代码，我已经尝试过这个并且对我有用，希望这对你也有用..快乐编码.. :)

CAGradientLayer *rightGradient = [CAGradientLayer layer];
rightGradient.frame = CGRectMake(0, 0, YourLabel.frame.size.width, YourLabel.size.height);
rightGradient.colors = [NSArray arrayWithObjects:(id)[UIColor colorWithRed:0 green:0.5 blue:1 alpha:0].CGColor, (id)[UIColor colorWithRed:0 green:0.5 blue:1 alpha:1].CGColor, nil];
[rightGradient setStartPoint:CGPointMake(0.8, 0.9)];
[rightGradient setEndPoint:CGPointMake(1.0, 0.9)];
[YourLabel.layer addSublayer:rightGradient];

哦，最后一件事，如果您打算向左侧添加渐变，只需更改

[rightGradient setStartPoint:CGPointMake(0.8, 0.9)];
[rightGradient setEndPoint:CGPointMake(1.0, 0.9)];

到

[leftGradient setStartPoint:CGPointMake(0.2, 0.1)];
[leftGradient setEndPoint:CGPointMake(0.0, 0.1)];

这里是示例输出:

按要求更新

第1行:简单分配

CAGradientLayer *rightGradient = [CAGradientLayer layer];

第 2 行:CAGradientLayer 的框架

rightGradient.frame = CGRectMake(0, 0, YourLabel.frame.size.width, YourLabel.size.height);

这个很重要，这个设置frame(同UIView等)CAGradientLayer，意思是origin.x和origin.y也算..

第 3 行:.colors

rightGradient.colors = [NSArray arrayWithObjects:(id)[UIColor colorWithRed:0 green:0.5 blue:1 alpha:0].CGColor, (id)[UIColor colorWithRed:0 green:0.5 blue:1 alpha:1].CGColor, nil];

当你像我的例子一样分配颜色数组时，颜色会相应地排列.. (color.alpha == 0) 在索引 0 中，(color.alpha == 1) 在索引 1 中，并且将是从左到右显示..

第 4 行:setStartPoint

[rightGradient setStartPoint:CGPointMake(0.8, 0.9)];

The start point corresponds to the first stop of the gradient. The point is defined in the unit coordinate space and is then mapped to the layer’s bounds rectangle when drawn.

Default value is (0.5,0.0).

第 5 行:setEndPoint

[rightGradient setEndPoint:CGPointMake(1.0, 0.9)];

The end point corresponds to the last stop of the gradient. The point is defined in the unit coordinate space and is then mapped to the layer’s bounds rectangle when drawn.

Default value is (0.5,1.0).

[YourLabel.layer addSublayer:rightGradient];

这一切都在这里讨论过.. CAGradientLayer

关于您要求的颜色，您可以使用此:UIColor Code Generator

但是如果你想使用十六进制字符串作为颜色，比如#ace123，你可以使用这个方法:

+ (UIColor *)colorWithHexString:(NSString *)hexString withOpacity:(CGFloat)opacity
{
    unsigned rgbValue = 0;

    NSScanner *scanner;

    scanner = [NSScanner scannerWithString:hexString];

    scanner.scanLocation = ([hexString hasPrefix:@"#"]) ? 1 : 0;

    [scanner scanHexInt:&rgbValue];

    UIColor *color = [UIColor colorWithRed:((rgbValue & 0xFF0000) >> 16)/255.0 green:((rgbValue & 0xFF00) >> 8)/255.0 blue:(rgbValue & 0xFF)/255.0 alpha:opacity];

    return color;
}

^_^ 干杯!

关于UILabel 上的 iOS 渐变效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30890446/