將我的漸變設置爲BezierPath的弧形

-1

我已閱讀了一些有關但無法應用於我的主題...我嘗試將梯度顏色應用於使用UIBezierPath繪製的弧線。問題是，我的漸變填充所有的圓圈，而不僅僅是圓環。將我的漸變設置爲BezierPath的弧形

func layerWith(size: CGSize, color: UIColor) -> CALayer { 
    let layer: CAShapeLayer = CAShapeLayer() 
    var path: UIBezierPath = UIBezierPath() 
    let lineWidth: CGFloat = 2 

    layer.backgroundColor = nil 
    layer.path = path.cgPath 
    layer.frame = CGRect(x: 0, y: 0, width: size.width, height: size.height) 


    switch self { 
    case .ring: 
     path.addArc(withCenter: CGPoint(x: size.width/2, y: size.height/2), 
        radius: size.width/2, 
        startAngle: 0, 
        endAngle: CGFloat(2 * M_PI), 
        clockwise: false); 

     layer.fillColor = UIColor.clear.cgColor 
     layer.strokeColor = color.cgColor 
     layer.lineWidth = lineWidth 

     let colorGradStart = UIColor(red: 0/255, green: 209/255, blue: 192/255, alpha: 1.0) 
     let colorGradEnd = UIColor(red: 00/255, green: 99/255, blue: 91/255, alpha: 1.0) 

     let gradient = CAGradientLayer() 
     gradient.frame = path.bounds 
     gradient.colors = [colorGradStart.cgColor, colorGradEnd.cgColor] 

     let shapeMask = CAShapeLayer() 
     shapeMask.path = path.cgPath 
     gradient.mask = shapeMask 


     layer.addSublayer(gradient) 
    } 
    return layer 
}

所以，這段代碼，將梯度應用到所有填充形式，我只需要弧。

來源

2017-03-20 John

CABezierPath？還是UIBezierPath？ –

沒有CABezierPah這樣的東西。我假設你的意思是UIBezierPath？ –

@ElTomato UIBezierPath，只是一個錯誤。對不起 – John

一種方法是將CAShapeLayer作爲蒙版應用到漸變圖層。然後它顯示漸變。

來源

2017-03-20 11:25:03

我可能錯過了一些原因，當我這樣做，我的圈子仍然填充。 – John

編輯您的問題以在底部顯示該代碼。 –

編輯完成 – John

您應該設置shapeMask的fillColor和strokeColor，而不是圖層。

來源

2017-03-20 11:25:57 Simon

將我的漸變設置爲BezierPath的弧形

回答

相關問題