wie Sie einen Bogen zeichnen mit Linie, die mit UIBezierPath

Ich versuche zu zeichnen Form in der Abbildung dargestellt. Hintergrund ist weiß.. Hoffe es ist für Sie sichtbar..

wie Sie einen Bogen zeichnen mit Linie, die mit UIBezierPath

Bin ich mit dem bezier-Pfad zu ziehen. Ich habe Grenzen zu Formen, wie gezeigt, durch eine Blaue Grenze.

wie Sie einen Bogen zeichnen mit Linie, die mit UIBezierPath

Bisher bin ich erfolgreich in der Lage, ziehen nur zwei Linien(grün dargestellt). Ich habe zu zeichnen, das mit dem roten weiter.

wie Sie einen Bogen zeichnen mit Linie, die mit UIBezierPath

Ich bin nicht in der Lage zu ziehen, den Bogen von diesem Punkt. Ich kann nicht verstehen, wie übergeben Sie die korrekten Parameter zu addArcWithCenter.

Code

-(void) drawRect:(CGRect)rect
{
    //declare and instantiate the UIBezierPath object
    aPath = [UIBezierPath bezierPath];

    //Set the starting point of the shape.
    [aPath moveToPoint:CGPointMake(CGRectGetMinX(rect), CGRectGetMinY(rect))];

    //Draw some lines.
    [aPath addLineToPoint:CGPointMake(CGRectGetMaxX(rect), CGRectGetMinY(rect))];
    [aPath addLineToPoint:CGPointMake(CGRectGetMaxX(rect), CGRectGetMaxY(rect) - 40)];
    [aPath addArcWithCenter:self.center radius:40 startAngle:3 *(M_PI / 2) endAngle:M_PI clockwise:NO];

    //set the line width
    aPath.lineWidth = 2;

    //set the stoke color
    [[UIColor greenColor] setStroke];

    //draw the path
    [aPath stroke];

}

Ich bin neu core Grafik. Seien Sie bitte nachsichtig über mich.. Danke..

  • Was ist deine rect-Größe ( ich hop > 80 * 80 wie Sie definieren, radius=40) Ihren Bogen Aussehen sollte ein 3/4-Kreis oder nur 1/4 ?
  • Wie viel Größe sollte meiner Ansicht rect sein, so kann ich zeichnen Sie einen Bogen an der gezeigten position in Abbildung?
  • Basierend auf dem Bild, sollten Sie nicht verwenden addCurveToPoint:controlPoint1:controlPoint2: ?
  • Ich habe nicht wirklich eine Idee, dass die Funktion am besten verwenden Sie an dieser Stelle. Bitte können Sie mich leiten? Danke.
  • Hinzufügen Sie KÖNNEN Bild Mit dem, was sollte der nächste Schritt (2 grüne Linien + Bogen, wie es sein sollte, in rot).
  • Plz, siehe mein edit. Ich habe pic.
  • Ich habe vorher geschrieben ein blog-post über Bézier-Pfad-Bau, die zeigt beide Bögen und Kurven mit beiden UIBezierPath und CGPath. Ich hoffe, dass es hilft, erfahren Sie, wie die API zu verwenden.
  • danke für den link @DavidRönnqvist. Ich werde sicherlich bald 🙂

InformationsquelleAutor NightFury | 2014-03-08
  1. 5

    Versuchen Sie es mit diesem (wie Sie sehen können, ich habe addQuadCurveToPoint eine Variante des addCurveToPoint vorgeschlagen von @wain - Fragen Sie google für addCurveToPoint und switch-zu-Bild-Suche, um zu sehen, wie es funktioniert ) :

    -(void) drawRect:(CGRect)rect
{
    UIBezierPath * aPath = [UIBezierPath bezierPath];

    //Set the starting point of the shape.
    [aPath moveToPoint:CGPointMake(CGRectGetMinX(rect), CGRectGetMinY(rect))];

    //Draw some lines.
    [aPath addLineToPoint:CGPointMake(CGRectGetMaxX(rect), CGRectGetMinY(rect))];



//changes start here !

    //the point look to be at 80% down
    [aPath addLineToPoint:CGPointMake(CGRectGetMaxX(rect), CGRectGetMaxY(rect) * .8)];


    //1st arc
    //The end point look to be at 1/4 at left, bottom
    CGPoint p = CGPointMake(CGRectGetMaxX(rect) / 4, CGRectGetMaxY(rect));
    CGPoint cp = CGPointMake( (CGRectGetMaxX(rect) / 4) + ((CGRectGetMaxX(rect) - (CGRectGetMaxX(rect) / 4)) / 2) , CGRectGetMaxY(rect) * .8);

    [aPath addQuadCurveToPoint:p controlPoint:cp];


    //2nd arc
    //The end point look to be at 80% downt at left,
    CGPoint p2 = CGPointMake(CGRectGetMinX(rect), CGRectGetMaxY(rect) * .8);
    CGPoint cp2 = CGPointMake( (CGRectGetMaxX(rect) / 4) / 2 , CGRectGetMaxY(rect) * .8);

    [aPath addQuadCurveToPoint:p2 controlPoint:cp2];


    //close the path
    [aPath closePath];

    //set the line width
    aPath.lineWidth = 2;

    //set the stoke color
    [[UIColor greenColor] setStroke];

    //draw the path
    [aPath stroke];
}
    • Wow vielen, vielen Dank! Es scheint wie ein Wunder für mich 😀 Du bist genial Mann. Sie machte viele Dinge für mich klar.
    • Eine Sache, die ich möchte Fragen, aus dem code: Wie hast u berechnen Punkte für control point? Können Sie verdeutlichen, dass es ein wenig?
    • Stellen Sie sich Ihr "arc" in einem Rechteck, wähle ich das Steuerelement Punkt in der Mitte X, Y top dieser rect. Ihre wirklich brauchen, um zu überprüfen, den doc zu sehen, wie es funktioniert : link - Prüfung auf Hinzufügen von Kurven auf Ihrem Pfad
    • Ok. danke für Eure Hilfe. Ich bekam durch Sie.
    InformationsquelleAutor Armand DOHM
Schreibe einen Kommentar