Swift-如何创建非像素化的径向渐变？

debugcn 发表于 Dev

孵化大师J

我正在尝试为我的应用程序创建一个径向/圆形渐变。

我在这里使用了类似于已确认答案的解决方案

但是，所得的梯度看起来像是像素化的。

我究竟做错了什么？是否有更现代的方法或好的第三方框架来创建平滑，简单的径向渐变？

谢谢！

我的代码（基于Stack Overflow上发布的代码段）：

class RadialGradientLayer: CALayer {

    init(innerColor: UIColor, outerColor: UIColor) {
        self.innerColor = innerColor.CGColor
        self.outerColor = outerColor.CGColor

        super.init()

        needsDisplayOnBoundsChange = true
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("This class does not support NSCoding")
    }

    var innerColor: CGColor
    var outerColor: CGColor

    override func drawInContext(ctx: CGContext) {
        CGContextSaveGState(ctx)

        let colorSpace = CGColorSpaceCreateDeviceRGB()

        let locations:[CGFloat] = [0.0, 1.0]
        let colors = [innerColor, outerColor]

        let gradient = CGGradientCreateWithColors(colorSpace, colors, locations)

        let center = CGPoint(x: bounds.width / 2.0, y: bounds.height / 2.0)
        let radius = min(bounds.width / 2.0, bounds.height / 2.0)

        CGContextDrawRadialGradient(ctx, gradient, center, 0.0, center, radius, CGGradientDrawingOptions(rawValue: 0))
    }

}

RichAppz

您需要确保CGContext针对设备屏幕缩放了。

看看这个问题的答案-CGContext和视网膜显示

这将帮助您解决问题。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。