UIBezierPath Dreieck umgekehrt

Question

Zur Zeit habe ich ein kleines Problem. Der unten stehende Code gibt eine dreieckige Ebene über meinem TableViewHeader aus, aber ich möchte die Schnittrichtung des Bazier-Pfads umkehren.

Code:

let cutDirection = UIBezierPath() 
cutDirection.move(to: CGPoint(x: 0, y: 0)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: 0)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: headerRect.height)) 
cutDirection.addLine(to: CGPoint(x: 0, y: headerRect.height - headerCut)) 
newHeaderLayer.path = cutDirection.cgPath 

Ausgänge:

Ergebnis Wen ich suche:

Danke für jede Hilfe!

Kevin.

Answer 1

Versuchen Sie folgendes:

let cutDirection = UIBezierPath() 
cutDirection.move(to: CGPoint(x: 0, y: 0)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: 0)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: headerRect.height - headerCut)) 
cutDirection.addLine(to: CGPoint(x: 0, y: headerRect.height)) 
newHeaderLayer.path = cutDirection.cgPath 

Answer 2

Wenn ich diese folgen korrekt sollten Sie tauschen die folgenden:

cutDirection.addLine(to: CGPoint(x: headerRect.width, y: headerRect.height)) 
cutDirection.addLine(to: CGPoint(x: 0, y: headerRect.height - headerCut)) 

An:

cutDirection.addLine(to: CGPoint(x: 0, y: headerRect.height - headerCut)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: headerRect.height)) 

Answer 3

es wurde behoben, indem es die alte Schule Art und Weise zu tun : Auf Papier!

Lösung:

let cutDirection = UIBezierPath() 
cutDirection.move(to: CGPoint(x: 0, y: 0)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: 0)) 
cutDirection.addLine(to: CGPoint(x: headerRect.width, y: headerRect.height - headerCut)) 
cutDirection.addLine(to: CGPoint(x: 0, y: headerRect.height)) 
cutDirection.close() 
newHeaderLayer.path = cutDirection.cgPath