为什么使用 Core Graphics 绘制直线我得到 "dashed" 条线？

Question

我尝试使用以下 swift 代码绘制图标，但我得到了 "dashed" 行。我刚刚使用了 moveToPoint 和 addLineToPoint 函数。正如您在下面的图片中看到的那样，我也遇到了与其他绘图相同的图形故障。我在 iOS 9.2.1.

上使用 Xcode 7.2 和运行代码

@IBDesignable class DeleteButton: UIButton {

    override func drawRect(rect: CGRect) {

        UIColor.blackColor().setStroke()
        let lineWidth = CGFloat(1)

        // Draw empty circle
        let frame = CGRect(x: rect.origin.x + lineWidth, y: rect.origin.y + lineWidth, width: rect.width - (lineWidth * 2), height: rect.height - (lineWidth * 2))
        let path = UIBezierPath(ovalInRect: frame)
        path.lineWidth = lineWidth

        path.stroke()

        // Draw X
        let radius = (rect.width / 2) * 0.5
        let center = CGPoint(x: rect.width / 2, y: rect.height / 2)

        let π = CGFloat(M_PI)
        let centerWidth = radius * cos(π/4)
        let centerHeight = radius * sin(π/4)

        path.lineWidth = lineWidth

        path.moveToPoint(CGPoint(x: CGFloat(center.x + centerWidth), y: CGFloat(center.y + centerHeight)))
        path.addLineToPoint(CGPoint(x: CGFloat(center.x - centerWidth), y: CGFloat(center.y - centerHeight)))
        path.stroke()

        path.lineWidth = lineWidth

        path.moveToPoint(CGPoint(x: center.x - centerWidth, y: center.y + centerHeight))
        path.addLineToPoint(CGPoint(x: center.x + centerWidth, y: center.y - centerHeight))
        path.stroke()
    }
}

这是结果：

我为我糟糕的英语道歉。

Answer 1

我们需要知道该代码运行的上下文。你不能只是开始画画。

通常在视图中绘制的方法是重写 drawRect 方法。当您这样做时，系统会正确设置图形上下文，并使用将您的绘图裁剪到视图边界的遮罩，将坐标系设置为视图坐标等。

如果您的绘图代码不在视图的 drawRect 方法中，那是您的问题。

Answer 2

我相信您看到的是按钮的标题文本在图像上绘制的结果。在 Playground 中使用您的代码查看以下演示：

为什么使用 Core Graphics 绘制直线我得到 "dashed" 条线？

Why drawing straight lines using Core Graphics I get "dashed" lines?

drawing

core-graphics

ios

swift