向UISlider添加渐变不起作用

Question

我试图像这样在UISlider的左侧添加一个渐变：

let gradientLayer = CAGradientLayer()
gradientLayer.frame = self.frame
gradientLayer.frame.size.height = self.trackHeight
gradientLayer.frame.origin = CGPoint.zero
gradientLayer.colors = [UIColor.blue, UIColor.red]
gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)
gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)

let trackImage = UIImage.imageWithLayer(layer: gradientLayer)
self.setMinimumTrackImage(trackImage, for: .normal)

UIImage扩展：

class func imageWithLayer(layer: CALayer) -> UIImage {
    UIGraphicsBeginImageContextWithOptions(layer.bounds.size, layer.isOpaque, 0.0)
    layer.render(in: UIGraphicsGetCurrentContext()!)
    let img = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return img!
}

由于某种原因，当我运行该应用程序时，我没有得到渐变，甚至没有得到任何颜色，它只是纯色（alpha）而不是渐变。

知道出了什么问题吗？

谢谢！

Answer 1

CAGradientLayer使用CGColors数组作为输入。 要解决您的问题，请考虑使用CGColor，方法是将以下内容更改为： gradientLayer.colors = [UIColor.blue, UIColor.red]更改为gradientLayer.colors = [UIColor.blue.cgColor, UIColor.red.cgColor]

编辑您可能会在UISlider左边缘上得到一个正方形的边缘（最小轨迹图像）！ 因此，为了解决该问题，只需按以下方式更改扩展功能：

class func imageWithLayer(layer: CALayer, cornerRadius: CGFloat) -> UIImage {
    layer.cornerRadius = cornerRadius
    UIGraphicsBeginImageContextWithOptions(layer.bounds.size, false, 0)
    layer.render(in: UIGraphicsGetCurrentContext()!)
    let img = UIGraphicsGetImageFromCurrentImageContext()?.resizableImage(withCapInsets: UIEdgeInsets.zero)
    UIGraphicsEndImageContext()
    return img!
}