如何制作UIView的渐变边框？ [英] how to make a gradient border of UIView?

问题描述

我想制作一个如下图所示的渐变边框：

I want to make a gradient border of view like the following picture:

但我不知道它究竟是怎么做的，即我应该用它做什么渐变颜色？如何设置我的视图以显示像图像的边框？

but I don't know how do it exactly , i.e. what the gradient color I should use to do it? how to set my view to show a border like the image?

我使用以下代码获取边框：

I'm using the following code to get a border:

 self.view.layer.borderColor = [UIColor orangeColor].CGColor;
 self.view.layer.borderWidth = 2.0f;

推荐答案

这就是我做的和它完美的工作

This what i did and it worked perfectly

   extension CALayer {
    func addGradienBorder(colors:[UIColor],width:CGFloat = 1) {
        let gradientLayer = CAGradientLayer()
        gradientLayer.frame =  CGRect(origin: CGPointZero, size: self.bounds.size)
        gradientLayer.startPoint = CGPointMake(0.0, 0.5)
        gradientLayer.endPoint = CGPointMake(1.0, 0.5)
        gradientLayer.colors = colors.map({$0.CGColor})

        let shapeLayer = CAShapeLayer()
        shapeLayer.lineWidth = width
        shapeLayer.path = UIBezierPath(rect: self.bounds).CGPath
        shapeLayer.fillColor = nil
        shapeLayer.strokeColor = UIColor.blackColor().CGColor
        gradientLayer.mask = shapeLayer

        self.addSublayer(gradientLayer)
    }

}

这篇关于如何制作UIView的渐变边框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！