Question

我有一个UIBezierPath，我最终需要一个UIImageView。现在我试图首先创建一个UIImage，然后再创建一个UIImageView。

我在swift工作，我看过类似的问题，答案要么不起作用，要么产生形状而不是曲线。我的beziers代表草图而不是实际的形状。我不希望bezier关闭，这就是UIImage.shapeImageWithBezierPath（）所做的事情。最后一个解决方案是唯一一个实际封装完整曲线的解决方案。所有其他解决方案要么产生碎片，要么根本不显示。

最终目标是创建一个CollectionView，将这些曲线作为列表中的项目，这意味着我最终必须将UIBeziers放入CollectionViewCells。

提前致谢。

Answer 1

如果您需要UIImage（可以与UIImageView一起使用），则可以使用UIGraphicsImageRenderer：

private func image(with path: UIBezierPath, size: CGSize) -> UIImage {
    return UIGraphicsImageRenderer(size: size).image { _ in
        UIColor.blue.setStroke()
        path.lineWidth = 2
        path.stroke()
    }
}

这是在iOS 10中引入的。如果您需要支持早期的iOS版本，可以使用UIGraphicsGetImageFromCurrentImageContext：

private func image(with path: UIBezierPath, size: CGSize) -> UIImage? {
    UIGraphicsBeginImageContextWithOptions(size, false, 0)
    UIColor.blue.setStroke()
    path.lineWidth = 2
    path.stroke()
    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return image
}

或者，您可以根据需要绕过UIImage，只需使用UIView定义CAShapeLayer子类：

@IBDesignable
class ShapeView: UIView {

    @IBInspectable var lineWidth:   CGFloat = 1   { didSet { shapeLayer.lineWidth   = lineWidth } }
    @IBInspectable var strokeColor: UIColor = #colorLiteral(red: 0, green: 0, blue: 1, alpha: 1)  { didSet { shapeLayer.strokeColor = strokeColor.cgColor } }
    @IBInspectable var fillColor:   UIColor = #colorLiteral(red: 1, green: 1, blue: 1, alpha: 0)  { didSet { shapeLayer.fillColor   = fillColor.cgColor } }

    var path:  UIBezierPath? { didSet { shapeLayer.path = path?.cgPath } }

    private let shapeLayer = CAShapeLayer()

    override init(frame: CGRect) {
        super.init(frame: frame)

        configure()
    }

    convenience init() {
        self.init(frame: .zero)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        configure()
    }

    /// Add and configure the view.
    ///
    /// Add and configure shape.

    private func configure() {
        layer.addSublayer(shapeLayer)

        shapeLayer.strokeColor = self.strokeColor.cgColor
        shapeLayer.fillColor   = self.fillColor.cgColor
        shapeLayer.lineWidth   = self.lineWidth
    }

    // just add some path so if you used this in IB, you'll see something

    override func prepareForInterfaceBuilder() {
        super.prepareForInterfaceBuilder()
        shapeLayer.path = UIBezierPath(ovalIn: bounds.insetBy(dx: lineWidth / 2, dy: lineWidth / 2)).cgPath
    }

}

Swift 3：从UIBezierPath创建UIImage

1 个答案: