Question

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

我使用的解决方案类似于已确认的答案here

但是，生成的渐变看起来像素化。

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

谢谢！

我的代码（基于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))
    }

}

Answer 1

您需要确保为设备屏幕缩放CGContext。

看看这个问题的答案 - CGContext and retina display

这有助于您解决问题。

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

1 个答案: