iOS渐变不垂直于渐变矢量

我已经在组件上添加了渐变，它处于一个角度。该梯度不垂直于梯度矢量。设备iPhone 6s，为了方便，已经设置了大小不变。可能是什么问题呢？iOS渐变不垂直于渐变矢量

class ViewController: UIViewController { 

override func viewDidLoad() { 
    super.viewDidLoad() 

    let topPoint = CGPoint(x: 33, y: -55) 
    let botPoint = CGPoint(x: 217, y: 469) 

    let iPhoneSize = CGSize(width: 375, height: 667) 

    let additionalLayer = CAGradientLayer() 
    additionalLayer.frame = view.bounds 

    additionalLayer.startPoint = CGPoint(x: topPoint.x/iPhoneSize.width, y: topPoint.y/iPhoneSize.height) 
    additionalLayer.endPoint = CGPoint(x: botPoint.x/iPhoneSize.width, y: botPoint.y/iPhoneSize.height) 
    additionalLayer.colors = [UIColor.white.cgColor, UIColor.darkGray.cgColor, UIColor.black.cgColor] 
    additionalLayer.locations = [0.0, 0.468, 1.0] 
    drawLine(onLayer: additionalLayer, fromPoint: topPoint, toPoint: botPoint) 
    view.layer.addSublayer(additionalLayer) 
} 

func drawLine(onLayer layer: CALayer, fromPoint start: CGPoint, toPoint end: CGPoint) { 
    let line = CAShapeLayer() 
    let linePath = UIBezierPath() 
    linePath.move(to: start) 
    linePath.addLine(to: end) 
    line.path = linePath.cgPath 
    line.fillColor = nil 
    line.opacity = 1.0 
    line.strokeColor = UIColor.red.cgColor 
    layer.addSublayer(line) 
}

}

附：我已经尝试将此代码添加到viewDidLayoutSubviews（）

P.P.S.还添加了截图。

来源

2017-10-18 Richard Mazkewich

哎呦......我的答案是不正确的。这里是（我相信）你在找什么：https://stackoverflow.com/a/43176174/6257435 – DonMag

使用drawLinearGradient代替CAGradientLayer。

下方的快速解决方案的例子：

override func viewDidLoad() { 
     super.viewDidLoad() 

     let topPoint = CGPoint(x: 33, y: -55) 
     let botPoint = CGPoint(x: 217, y: 469) 

     let additionalLayer = CALayer() 
     additionalLayer.frame = view.bounds 

     UIGraphicsBeginImageContext(view.bounds.size) 
     if let context = UIGraphicsGetCurrentContext() { 
      let colorSpace = CGColorSpaceCreateDeviceRGB() 
      let colors : [CGFloat] = [1.0, 1.0, 1.0, 1.0, 0.5, 0.5, 0.5, 1.0, 0.0, 0.0, 0.0, 1.0] 
      let locations : [CGFloat] = [0.0, 0.468, 1.0] 
      let gradient = CGGradient(colorSpace: colorSpace, colorComponents: colors, locations: locations, count: 3) 
      context.drawLinearGradient(gradient!, start: topPoint, end: botPoint, options: CGGradientDrawingOptions.drawsAfterEndLocation) 
      additionalLayer.contents = context.makeImage()! 
     } 
     drawLine(onLayer: additionalLayer, fromPoint: topPoint, toPoint: botPoint) 
     view.layer.addSublayer(additionalLayer) 
    }

Screenshot with result

来源

2017-10-18 15:17:13 atempad

iOS渐变不垂直于渐变矢量

回答

相关问题