Wie kann ich ein Bild zuverlässig um einen Punkt drehen?

Question

ich folgendes gelesen habe, von One step affine transform for rotation around a point?:

CGAffineTransform transform = CGAffineTransformMakeTranslation(x, y); 
transform = CGAffineTransformRotate(transform, a); 
transform = CGAffineTransformTranslate(transform,-x,-y); 

Allerdings, wenn ich tun dies die transformierten Bilder über die ganze Karte sind, und nur selten über den Bildschirm.

Ich habe ein bisschen versucht, ein System zu machen, wo es Bilder setzt; Wenn Sie eine Schleife ausführen und mehrere Werte platzieren, wird eine Spirale angezeigt. Während ich vielleicht in der Lage sein würde, die Beziehung zwischen einer Rotation von Bildern und den Punkten, über die ich sie drehen wollte, zu lösen, wollte ich nach der besten Lösung fragen: "Ich habe hier ein Bild; Ich möchte, dass es um diesen Betrag herum gedreht wird, aber nicht anders. "

Ich versuche einen modifizierten Port von http://JonathansCorner.com/ancient-clock/ zu machen, und im Moment versuche ich den Stundenzeiger zu platzieren. Alle Versuche, das Lied und den Tanz oben zu machen und es so zu übersetzen, dass sein Zentrum in der gewünschten Mitte ist, sind gescheitert.

Wie, für die Hände dieser Uhr, kann ich sagen "Ich möchte die Hände in den folgenden Rotationen" und haben sie angemessen um das Zentrum gelegt?

--EDIT--

Der entscheidende Teil dieses Codes in einem Versuch, bearbeitet Schichten auf einen Kommentar in Reaktion zu verwenden, ist:

UIImage *hourHandImage = [UIImage imageNamed:@"hour-hand.png"]; 
UIImageView *hourHandView = [[UIImageView alloc] initWithImage:hourHandImage]; 
float hourRotation = .5; 
hourHandImage = [UIImage imageNamed:@"hour-hand.png"]; 
hourHandView = [[UIImageView alloc] initWithImage:hourHandImage]; 
CGAffineTransform transform = CGAffineTransformMakeTranslation(centerX - 21, -centerY - 121); 
// transform = CGAffineTransformRotate(transform, hourRotation); 
// transform = CGAffineTransformTranslate(transform, 2 * centerX, 2 * centerY); 
hourHandView.transform = transform; 
hourHandView.layer.anchorPoint = CGPointMake(centerX, centerY); 
hourHandView.layer.affineTransform = CGAffineTransformRotate(transform, hourRotation); 
[self.view addSubview:hourHandView]; 

Danke,

- EDIT--

Ich habe jetzt etwas reduziert; wenn ich einige der Anweisungen folgen, die ich habe:

CGAffineTransform transform = CGAffineTransformMakeTranslation(100 -21, 100 -121); 
transform = CGAffineTransformRotate(transform, hour/12.0 * M_PI * 2.0); 
transform = CGAffineTransformTranslate(transform, -330, 330); 
hourHandView.transform = transform; 

ich immer diese Zahlen aus arbeiten möchte, aber dies hat eine Stunde von 9.00 Uhr richtig angezeigt.

Vielen Dank für Ihre Hilfe!

Answer 1

Diese Zeile:

CGAffineTransform transform = CGAffineTransformMakeTranslation(x, y); 

verschiebt das Bild von x, y.

diese Linie (HINWEIS-- Sie rund um den Kontrollpunkt drehen wird, was auch immer Sie haben, dass sein eingestellt):

transform = CGAffineTransformRotate(transform, a); 

dreht es sich um den Kontrollpunkt.

Wenn sich Ihr Kontrollpunkt in der oberen linken Ecke befindet (Standardeinstellung), wird er um die obere linke Ecke gedreht.

Sie müssen diese Einstellung vornehmen:

[self layer].anchorPoint = CGPointMake(0.5, 0.5); 

es um die Mitte der Schicht zu spinnen zu bekommen.

Answer 2

Eine Drehung wird immer um (0,0) gemacht.

Um einen Punkt zu übersetzen, müssen Sie zuerst den Rotationspunkt in (0,0) übersetzen und dann drehen und dann zurück übersetzen.

So sollte es sein:

// cx, cy is center of screen 
// move (cx,cy) to (0,0) 
CGAffineTransform transform = CGAffineTransformMakeTranslation(-cx, -cy); 

// roate around (0,0) 
transform = CGAffineTransformRotate(transform, angleRadians); 

// mov e (0,0) back to (cx,cy) 
transform = CGAffineTransformTranslate(transform,cx,cy); 

Answer 3

hourImageView.layer.anchorPoint = CGPointMake(0.5f, 0.9f); 
CGFloat angle = hour/12.0 * M_PI * 2.0; 
hourHand.transform = CGAffineTransformMakeRotation(angle); 

Answer 4

Swift 4.0

Eine Rotation ist immer in der Nähe gemacht (0,0).

Um einen Punkt zu übersetzen, müssen Sie zuerst den Rotationspunkt auf (0,0) übersetzen und dann drehen und dann zurück übersetzen.

So sollte es sein:

// centerX, centerY is center of screen 
// move (centerX,centerY) to (0,0) 
var myTransform = CGAffineTransform(translationX: -centerX, y: -centerY) 

// rotate around (0,0) 
myTransform = myTransform.concatenating(CGAffineTransform(rotationAngle: angleInRadians)) 

// move (0,0) back to (cx,cy) 
myTransform = myTransform.concatenating(CGAffineTransform(translationX: centerX, y: centerY)) 

myView.transform = myTransform