Faire pivoter CGPath sans changer de position

Un chemin d'accès n'ont pas de “position”. Un chemin d'accès est un ensemble de points (définie par la ligne et la courbe de segments). Chaque point possède sa propre position.

Peut-être que vous souhaitez faire pivoter le chemin autour d'un point particulier, au lieu d'autour de l'origine. L'astuce consiste à créer une image composite de transformation qui combine trois transformations:

1. Traduire l'origine pour le point de rotation.
2. Tourner.
3. Inverser la traduction à partir de l'étape 1.

Par exemple, voici une fonction qui prend un chemin et retourne un nouveau chemin qui est le chemin original mis en rotation autour du centre de la boîte englobante:

static CGPathRef createPathRotatedAroundBoundingBoxCenter(CGPathRef path, CGFloat radians) {
    CGRect bounds = CGPathGetBoundingBox(path); //might want to use CGPathGetPathBoundingBox
    CGPoint center = CGPointMake(CGRectGetMidX(bounds), CGRectGetMidY(bounds));
    CGAffineTransform transform = CGAffineTransformIdentity;
    transform = CGAffineTransformTranslate(transform, center.x, center.y);
    transform = CGAffineTransformRotate(transform, radians);
    transform = CGAffineTransformTranslate(transform, -center.x, -center.y);
    return CGPathCreateCopyByTransformingPath(path, &transform);
}

Noter que cette fonction renvoie un nouveau chemin avec un +1 conserver le comte, que vous êtes responsable pour libérer lorsque vous avez terminé avec elle. Par exemple, si vous essayez de faire pivoter le chemin d'une couche de forme:

- (IBAction)rotateButtonWasTapped:(id)sender {
    CGPathRef path = createPathRotatedAroundBoundingBoxCenter(shapeLayer_.path, M_PI / 8);
    shapeLayer_.path  = path;
    CGPathRelease(path);
}

Mise à JOUR

Voici une démonstration à l'aide d'un Swift aire de jeux. Nous allons commencer avec une fonction d'aide qui affiche un chemin d'accès et les marques de l'origine avec un réticule:

import UIKit
import XCPlayground

func showPath(label: String, path: UIBezierPath) {
    let graph = UIBezierPath()
    let r = 40
    graph.moveToPoint(CGPoint(x:0,y:r))
    graph.addLineToPoint(CGPoint(x:0,y:-r))
    graph.moveToPoint(CGPoint(x:-r,y:0))
    graph.addLineToPoint(CGPoint(x:r,y:0))
    graph.appendPath(path)
    XCPCaptureValue(label, graph)
}

Prochain, voici notre test de chemin:

var path = UIBezierPath()
path.moveToPoint(CGPoint(x:1000,y:1000))
path.addLineToPoint(CGPoint(x:1000,y:1200))
path.addLineToPoint(CGPoint(x:1100,y:1200))
showPath("original", path)

(Rappelez-vous, la croix est à l'origine et ne fait pas partie du chemin que nous sommes en train de changer.)

Nous obtenons le centre et de transformer le chemin de sorte qu'il est centré à l'origine:

let bounds = CGPathGetBoundingBox(path.CGPath)
let center = CGPoint(x:CGRectGetMidX(bounds), y:CGRectGetMidY(bounds))

let toOrigin = CGAffineTransformMakeTranslation(-center.x, -center.y)
path.applyTransform(toOrigin)
showPath("translated center to origin", path)

Puis nous la faire tourner. Tous les rotations se produire autour de l'origine:

let rotation = CGAffineTransformMakeRotation(CGFloat(M_PI / 3.0))
path.applyTransform(rotation)
showPath("rotated", path)

Enfin, nous le traduire en arrière, exactement l'inversion de l'original de la traduction:

let fromOrigin = CGAffineTransformMakeTranslation(center.x, center.y)
path.applyTransform(fromOrigin)
showPath("translated back to original center", path)

Note que nous devons inverser l'original de la traduction. Nous n'avons pas traduire par le centre de sa nouvelle boîte englobante. Rappelons que (dans cet exemple), le centre d'origine (1050,1100). Mais après que nous avons traduit de l'origine et de la rotation, la nouvelle délimitation de la zone centre est à (-25,0). La traduction de la voie (-25,0) ne sera pas le mettre n'importe où près de sa position d'origine!