美文网首页iOS笔记
iOS 给View添加一个渐变色边框

iOS 给View添加一个渐变色边框

作者: 某某香肠 | 来源:发表于2019-08-24 23:54 被阅读0次

主要思路

添加一个CAGradientLayer,这个CAGradientLayer的遮罩层是一个填充透明的CAShapeLayer,渐变色的颜色、方向由CAGradientLayercolorsstartPointendPoint来决定,边框的宽度由CAShapeLayerlineWidth决定,另外边框的圆角也是可以配置的,这里不再赘述了,代码如下:

        let gradientLayer = CAGradientLayer()
        gradientLayer.frame = boarderView.bounds
        gradientLayer.colors = [UIColor.blue.cgColor,UIColor.green.cgColor]
        
        let maskLayer = CAShapeLayer()
        maskLayer.lineWidth = 2.0
        maskLayer.path = UIBezierPath(rect: self.boarderView.bounds).cgPath
        maskLayer.fillColor = UIColor.clear.cgColor
        maskLayer.strokeColor = UIColor.black.cgColor
        
        gradientLayer.mask = maskLayer
        self.boarderView.layer.addSublayer(gradientLayer)

效果如下:

相关文章

网友评论

    本文标题:iOS 给View添加一个渐变色边框

    本文链接:https://www.haomeiwen.com/subject/ztvcectx.html