Рисование формы NSBezierPath с помощью подкласса NSView - PullRequest
Новая
       93

Рисование формы NSBezierPath с помощью подкласса NSView

0 голосов
/ 02 июня 2018

Я пытаюсь нарисовать фигуру, созданную с помощью NSBezierPath, на холсте NSView.Я создал подкласс NSView. 

// NSView //
import Cocoa

class DisplayView: NSView {
    var path: NSBezierPath
    var fillColor: NSColor
    var strokeColor: NSColor
    var weight: CGFloat
    init(frame: CGRect, path: NSBezierPath, fillColor: NSColor, strokeColor: NSColor, weight: CGFloat){
        self.path = path
        self.fillColor = fillColor
        self.strokeColor = strokeColor
        self.weight = weight
        super.init(frame: frame)
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func draw(_ dirtyRect: NSRect) {
        path.lineWidth = weight
        fillColor.set()
        path.fill()
        strokeColor.set()
        path.stroke()
    }
}

// NSViewController //
import Cocoa

class ViewController: NSViewController {
    // MARK: - IBOutlet
    @IBOutlet weak var canvasView: NSView!

    override func viewDidLoad() {
        super.viewDidLoad()

        override func viewDidLoad() {
        super.viewDidLoad()

        let path = Shapes.circle(maxSize: 100) // a path from a separate class
        let rect = CGRect(x: 20, y: 20, width: 200, height: 200)
        let pathView = DisplayView(frame: rect, path: path, fillColor: NSColor.green, strokeColor: NSColor.white, weight: 6.0)
        canvasView.addSubview(pathView)
    }
}

, и я получаю следующий результат.Как получилось, что края ломаются на половину веса линии с двух сторон?Объект пути имеет размер только 100 пт х 100 пт.Спасибо.

enter image description here

ОБНОВЛЕНИЕ

Ниже приведен код для создания объекта пути. 

class Shapes {
    static func circle(maxSize: CGFloat) -> NSBezierPath {
        let oval = NSBezierPath.init(ovalIn: CGRect(x: 0.0 * maxSize, y: 0.0 * maxSize, width: 1.0 * maxSize, height: 1.0 * maxSize))
        oval.close()
        return oval
    }
}

1 Ответ

0 голосов
/ 02 июня 2018

Вы создали свой путь Безье с началом координат 0,0.В результате, более толстая граница обрезается представлением, в котором она отображается (ваш класс DisplayView).

Вам необходимо создать свой путь, чтобы исходная точка была (weight / 2 + 1) вместо 0.

Или вы можете применить преобразование translate к графическому контексту и сместить начало координат на (weight / 2 + 1. 

override func draw(_ dirtyRect: NSRect) {
    let ctx = NSGraphicsContext.current!.cgContext
    ctx.saveGState()
    let offset = weight / 2 + 1
    ctx.translateBy(x: offset, y: offset)

    path.lineWidth = weight
    fillColor.set()
    path.fill()
    strokeColor.set()
    path.stroke()
    ctx.restoreGState()
}
...