Нарисуйте линию с помощью UIBezierPath

Впервые использую BezierPaths, интересно, как на самом деле должна быть реализована эта функция. В настоящее время путь Безье перемещается внутри рамки изображения, а не рисуется на экране.

Есть ли лучший способ сделать это?

func drawLineFromPoint(start : CGPoint, toPoint end:CGPoint, ofColor lineColor: UIColor, inView view:UIView) {

    var maxWidth = abs(start.x - end.x)
    var maxHeight = abs(start.y - end.y)

    var contextSize : CGSize!
    if maxWidth == 0 {
        contextSize = CGSize(width: 1, height: maxHeight)
    }else {
        contextSize = CGSize(width: maxWidth, height: 1)
    }

    //design the path
    UIGraphicsBeginImageContextWithOptions(contextSize, false, 0)
    var path = UIBezierPath()
    path.lineWidth = 1.0
    lineColor.set()

    //draw the path and make visible
    path.moveToPoint(start)
    path.addLineToPoint(end)
    path.stroke()

    //create image from path and add to subview
    var image = UIGraphicsGetImageFromCurrentImageContext()
    var imageView = UIImageView(image: image)
    view.addSubview(imageView)
    UIGraphicsEndImageContext()
}

ios swift uibezierpath
person William Falcon    schedule 30.10.2014    source источник
comment
Другие, более прямые подходы, вместо использования таких изображений, заключаются в использовании CAShapeLayer или пользовательского drawRect, как описано здесь: stackoverflow.com/ а/16846770/1271826   -  person Rob    schedule 30.10.2014

Ответы (4)


arrow_upward
71
arrow_downward

В итоге сделал так:

func drawLineFromPoint(start : CGPoint, toPoint end:CGPoint, ofColor lineColor: UIColor, inView view:UIView) {
    
    //design the path
    let path = UIBezierPath()
    path.move(to: start)
    path.addLine(to: end)
    
    //design path in layer
    let shapeLayer = CAShapeLayer()
    shapeLayer.path = path.cgPath
    shapeLayer.strokeColor = lineColor.CGColor
    shapeLayer.lineWidth = 1.0
    
    view.layer.addSublayer(shapeLayer)
}
person William Falcon    schedule 30.10.2014
comment
Я не использовал путь проектирования в слое. Но только path.Stroke. Я не понимаю, почему строка не добавляется. Любой совет? @williamfalcon - person Cherry_thia; 13.01.2016

arrow_upward
10
arrow_downward

Swift 3.1 Version of William Falcon's Answer + улучшенный

Это всего лишь обновленная версия уже принятого ответа, и я просто добавил к нему немного больше.

func drawLineFromPointToPoint(startX: Int, toEndingX endX: Int, startingY startY: Int, toEndingY endY: Int, ofColor lineColor: UIColor, widthOfLine lineWidth: CGFloat, inView view: UIView) {

    let path = UIBezierPath()
    path.move(to: CGPoint(x: startX, y: startY))
    path.addLine(to: CGPoint(x: endX, y: endY))

    let shapeLayer = CAShapeLayer()
    shapeLayer.path = path.cgPath
    shapeLayer.strokeColor = lineColor.cgColor
    shapeLayer.lineWidth = lineWidth

    view.layer.addSublayer(shapeLayer)

}

И, конечно, реализация будет

drawLineFromPointToPoint(startX: Int, toEndingX: Int, startingY: Int, toEndingY: Int, ofColor: UIColor, widthOfLine: CGFloat, inView: UIView)

Что я изменил в принятом ответе

Я изменил vars на let и упростил ввод начала и конца как x, так и y. Я также разрешаю пользователю изменять ширину линии.

Я выбрал значения типа Int, но вы можете изменить их на другие разрешенные параметры.

person RubberDucky4444    schedule 21.04.2017

arrow_upward
8
arrow_downward

Свифт 4

func drawLineFromPoint(start : CGPoint, toPoint end:CGPoint, ofColor lineColor: UIColor, inView view:UIView) {

    //design the path
    let path = UIBezierPath()
    path.move(to: start)
    path.addLine(to: end)

    //design path in layer
    let shapeLayer = CAShapeLayer()
    shapeLayer.path = path.cgPath
    shapeLayer.strokeColor = lineColor.cgColor
    shapeLayer.lineWidth = 1.0

    view.layer.addSublayer(shapeLayer)
}
person Neha    schedule 15.05.2018

arrow_upward
1
arrow_downward

Чтобы нарисовать горизонтальную линию сверху:

let path = UIBezierPath()
path.moveToPoint(CGPoint(x: 0, y: 0))
path.addLineToPoint(CGPoint(x: yourView.frame.width, y: 0))

let shapeLayer = CAShapeLayer()
shapeLayer.path = path.CGPath
shapeLayer.strokeColor = UIColor.lightGrayColor().CGColor
shapeLayer.lineWidth = 0.5

yourView.layer.addSublayer(shapeLayer)

Чтобы нарисовать горизонтальную линию снизу:

let path = UIBezierPath()
path.moveToPoint(CGPoint(x: 0, y: yourView.frame.height))
path.addLineToPoint(CGPoint(x: yourView.frame.width, y: yourView.frame.height))

let shapeLayer = CAShapeLayer()
shapeLayer.path = path.CGPath
shapeLayer.strokeColor = UIColor.lightGrayColor().CGColor
shapeLayer.lineWidth = 0.5

yourView.layer.addSublayer(shapeLayer)
person Zhanserik    schedule 12.08.2017