如何使用渐变或多种颜色制作 CALayer 边框？

Question

        CALayer *rightBorder = [CALayer layer];
        rightBorder.borderColor = [UIColor redColor].CGColor;
        rightBorder.borderWidth = 1;
        rightBorder.frame = CGRectMake(-1, -1, CGRectGetWidth(self.frame), CGRectGetHeight(self.frame)+2);

        [self.layer addSublayer:rightBorder];

我正在像上面那样制作 WebView 的边框。这里的self继承自UIWebView。

如何改变

rightBorder.borderColor = [UIColor redColor].CGColor;

渐变色，所以我的颜色应该一半是蓝色，一半是白色。

在这里，我将 RED 颜色应用于我的 WebView 的边框。不过我想要多色（2 色）或渐变色。

谢谢。

Answer 1

为了在具有渐变效果的图层中显示不同的颜色，我分享了我的代码的一种方法，您必须为此使用 CAGradientLayer，

-(void)addGradiantColor:(UIView *)view;
{
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = view.frame;
     //  gradientLayer.startPoint = CGPointMake(0.0,0.0);
     //  gradientLayer.endPoint = CGPointMake(1.0,1.0);
    NSMutableArray *colors = [NSMutableArray array];
    [colors addObject:(id)[[UIColor colorWithRed:134.0/255.0 green: 234.0/255.0   blue:63.0/255.0 alpha:1.0] CGColor]];
    [colors addObject:(id)[[UIColor colorWithRed:215.0/255.0 green: 82.0/255.0 blue:76.0/255.0 alpha:1.0] CGColor]];
    gradientLayer.colors = colors;
    [view.layer addSublayer:gradientLayer];   
}