如何将渐变颜色设置为UIImageView边框

时间:2016-08-09 09:13:04

标签: ios iphone uiimageview gradient

如何将渐变颜色应用于UIImageView边框颜色。我试过的是

let gradient: CAGradientLayer = CAGradientLayer()

    let color0 = UIColor(red:0.0/255, green:0.0/255, blue:0.0/255, alpha:0.0).CGColor
    let color1 = UIColor(red:0.0/255, green:0.0/255, blue: 0.0/255, alpha:0.71).CGColor

    gradient.colors = [color0, color1]
    gradient.locations = [0.0 , 1.0]
    gradient.frame =  CGRect(x: 0.0, y: 80.0, width: self.imgProfile.frame.size.width, height: self.imgProfile.frame.size.height-35)

    self.imgProfile.layer.insertSublayer(gradient, atIndex: 0)

这是必需的

enter image description here

请指导,谢谢

更新

尝试这种方式

let gradient = CAGradientLayer()
    gradient.frame =  CGRect(origin: CGPointZero, size: self.imgPeopleProfile.frame.size)
    gradient.colors = [UIColor.blueColor().CGColor, UIColor.greenColor().CGColor]

    let shape = CAShapeLayer()
    shape.lineWidth = 2
    shape.path = UIBezierPath(rect: self.imgPeopleProfile.bounds).CGPath
    shape.strokeColor = UIColor.blackColor().CGColor
    shape.fillColor = UIColor.clearColor().CGColor
    gradient.mask = shape

    imgPeopleProfile.layer.cornerRadius = imgPeopleProfile.frame.size.width / 2
    imgPeopleProfile.clipsToBounds = true
    self.imgPeopleProfile.layer.addSublayer(gradient)

它提供了enter image description here

enter image description here

1 个答案:

答案 0 :(得分:2)

请拍摄Imageview尺寸等宽和高度ex。宽度= 100,高度= 100因此它将显示正确的圆。如果您想更改尺寸,请在下面的行中更改。

shape.path = UIBezierPath(arcCenter: CGPoint(x: 50, y: 50), radius: CGFloat(50), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true).CGPath

上面例子中Circle的半径为50。

 let gradient = CAGradientLayer()
            gradient.frame =  CGRect(origin: CGPointZero, size: self.imageView.frame.size)
            gradient.colors = [UIColor(red:87.0/255, green:206.0/255, blue: 172.0/255, alpha:0.71).CGColor,UIColor(red:44.0/255, green:192.0/255, blue:208.0/255, alpha:1.0).CGColor]

            imageView.layer.cornerRadius = imageView.frame.size.width / 2
            imageView.clipsToBounds = true

            let shape = CAShapeLayer()
            shape.lineWidth = 5
            shape.path = UIBezierPath(arcCenter: CGPoint(x: 50, y: 50), radius: CGFloat(50), startAngle: CGFloat(0), endAngle:CGFloat(M_PI * 2), clockwise: true).CGPath
            shape.strokeColor = UIColor.blackColor().CGColor
            shape.fillColor = UIColor.clearColor().CGColor
            gradient.mask = shape

            self.imageView.layer.addSublayer(gradient)

enter image description here