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

Я пытаюсь провести линию между двумя точками, используя CALayer. Вот мой код:

//positions a CALayer to be a line between a parent node and its subnodes.

-(void)makeLineLayer:(CALayer *)layer lineFromPointA:(CGPoint)pointA toPointB:(CGPoint)pointB{
    NSLog([NSString stringWithFormat:@"Coordinates: \n Ax: %f Ay: %f Bx: %f By: %f", pointA.x,pointA.y,pointB.x,pointB.y]);

    //find the length of the line:
    CGFloat length = sqrt((pointA.x - pointB.x) * (pointA.x - pointB.x) + (pointA.y -     pointB.y) * (pointA.y - pointB.y));
    layer.frame = CGRectMake(0, 0, 1, length);

    //calculate and set the layer's center:
    CGPoint center = CGPointMake((pointA.x+pointB.x)/2, (pointA.y+pointB.y)/2);
    layer.position = center;

    //calculate the angle of the line and set the layer's transform to match it.
    CGFloat angle = atan2f(pointB.y - pointA.y, pointB.x - pointA.x);
    layer.transform = CATransform3DMakeRotation(angle, 0, 0, 1);
}

Я знаю, что длина рассчитывается правильно, и я почти уверен, что центр тоже. Когда я запускаю его, отображаются линии правильной длины, которые проходят через центральную точку между двумя точками, но не повернуты правильно. Сначала я подумал, что линия вращается вокруг неправильной точки привязки, поэтому я сделал: layer.anchorPoint = center;, но этот код не показывает никаких линий на экране. Что я делаю неправильно


cocoa-touch objective-c transformation calayer quartz-core
person 67cherries    schedule 02.02.2014    source источник
comment
Точка привязки находится в единичном координатном пространстве (и x, и y изменяются от 0 до 1). Это означает, что центральная точка привязки равна (0,5, 0,5), независимо от размера и соотношения сторон слоя.   -  person David Rönnqvist    schedule 03.02.2014
comment
Хорошо, поэтому выполнение layer.anchorPoint = center; устанавливает точку привязки на что-то далекое, и вращение будет где-то далеко за пределами экрана ... имеет смысл, что он не отображается. Вы хоть представляете, в чем может быть проблема?   -  person 67cherries    schedule 03.02.2014

Ответы (3)


arrow_upward
33
arrow_downward

Попробуй это...

-(void)makeLineLayer:(CALayer *)layer lineFromPointA:(CGPoint)pointA toPointB:(CGPoint)pointB
{
    CAShapeLayer *line = [CAShapeLayer layer];
    UIBezierPath *linePath=[UIBezierPath bezierPath];
    [linePath moveToPoint: pointA];
    [linePath addLineToPoint:pointB];
    line.path=linePath.CGPath;
    line.fillColor = nil;
    line.opacity = 1.0;
    line.strokeColor = [UIColor redColor].CGColor;
    [layer addSublayer:line];
}
person Rajesh Choudhary    schedule 03.02.2014
comment
да. Не делайте сплошной CALayer под углом для представления линии. Используйте CAShapeLayer и установите его путь. - person jrturton; 03.02.2014

arrow_upward
20
arrow_downward

Вот версия Swift, основанная на ответе Rajesh Choudhary:

Свифт 2

func drawLine(onLayer layer: CALayer, fromPoint start: CGPoint, toPoint end: CGPoint) {
    let line = CAShapeLayer()
    let linePath = UIBezierPath()
    linePath.moveToPoint(start)
    linePath.addLineToPoint(end)
    line.path = linePath.CGPath
    line.fillColor = nil
    line.opacity = 1.0
    line.strokeColor = UIColor.redColor().CGColor
    layer.addSublayer(line)
}

Свифт 3

func drawLine(onLayer layer: CALayer, fromPoint start: CGPoint, toPoint end: CGPoint) {
    let line = CAShapeLayer()
    let linePath = UIBezierPath()
    linePath.move(to: start)
    linePath.addLine(to: end)
    line.path = linePath.cgPath
    line.fillColor = nil
    line.opacity = 1.0
    line.strokeColor = UIColor.red.cgColor
    layer.addSublayer(line)
}
person yuji    schedule 06.07.2016
comment
Лучше вернуть слой и позволить вызывающему абоненту вставить его самостоятельно (выше или ниже другого слоя, по своему усмотрению), а не вставлять его за него. - person Alexander; 06.08.2019

arrow_upward
0
arrow_downward

Вот версия Swift 3, основанная на ответе Rajesh Choudhary:

func drawLine(onLayer layer: CALayer, fromPoint start: CGPoint, toPoint end:CGPoint) {
        let line = CAShapeLayer()
        let linePath = UIBezierPath()
        linePath.move(to: start)
        linePath.addLine(to: end)
        line.path = linePath.cgPath
        line.fillColor = nil
        line.opacity = 1.0
        line.strokeColor = UIColor.green.cgColor
        layer.addSublayer(line)
    }
person Yi Jiang    schedule 25.04.2017