UIImageView mit einem Finger rotieren

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • UIImageView mit einem Finger rotieren

    Moin Jungs,

    ich habe hier ein Problem und zwar möchte ich eine ImageView rotieren lassen. Die Bewegung mit dem Finger, soll auf dem GESAMTEN Touchscreen funktionieren und nicht nur auf der ImageView! Ich habe es momentan wie folgt gelöst...

    Quellcode

    1. viewDidLoad
    3. UIPanGestureRecognizer *panRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(handlePanFrom:)];
    4. [panRecognizer setMaximumNumberOfTouches:1];
    5. [panRecognizer setMinimumNumberOfTouches:1];
    6. [self.classicView addGestureRecognizer:panRecognizer];
    7. [panRecognizer release];


    Quellcode

    1. handlePanFrom:
    3. CGPoint fingerLocation = [recognizer locationInView:self.classicView];
    5. // Rotation around Origin
    6. CGFloat x = fingerLocation.x - 160.0;
    7. CGFloat y = fingerLocation.y - 201.0;
    9. CGFloat angel = atan((y/x));
    11. if (x > 0.0 && y > 0.0) {
    12. // Quadrant IV
    13. angel -= (M_PI/2);
    14. angel *= -1.0;
    15. angel += (1.5*M_PI);
    16. } else if (x < 0.0 && y > 0.0) {
    17. // Quadrant III
    18. angel *= -1.0;
    19. angel += M_PI;
    20. } else if (x < 0.0 && y < 0.0) {
    21. // Quadrant II
    22. angel -= (M_PI/2);
    23. angel *= -1.0;
    24. angel += (M_PI/2);
    25. } else if (x > 0.0 && y < 0.0) {
    26. // Quadrant I
    27. angel *= -1.0;
    28. }
    30. angel *= -1.0;
    32. if (firstAngel == -1.0) {
    33. firstAngel = angel;
    34. } else {
    35. angel -= firstAngel;
    37. NSLog(@"Angel: %f - FirstAngel: %f", RadiansToDegrees(angel), RadiansToDegrees(firstAngel));
    39. CGAffineTransform transform;
    41. if (self.selectedImage) {
    42. angel += self.outsideLastRotation;
    43. angel = [self checkLimitsOfRotation:angel withMaximum:1.83 withMinimum:-1.83];
    45. transform = CGAffineTransformMakeRotation(angel);
    46. self.outsideImage.transform = transform;
    47. CGFloat messpointerCorrectionValue = angel * 0.196977726;
    48. CGAffineTransform transformForMesspointer = CGAffineTransformMakeRotation(messpointerCorrectionValue);
    49. self.messpointer.transform = transformForMesspointer;
    51. if ([recognizer state] == UIGestureRecognizerStateEnded) {
    52. firstAngel = -1;
    53. self.outsideLastRotation = angel;
    54. }
    56. } else {
    57. angel += self.insideLastRotation;
    58. angel = [self checkLimitsOfRotation:angel withMaximum:0 withMinimum:-1.925800];
    60. transform = CGAffineTransformMakeRotation(angel);
    61. self.insideImage.transform = transform;
    63. if ([recognizer state] == UIGestureRecognizerStateEnded) {
    64. firstAngel = -1;
    65. self.insideLastRotation = angel;
    66. }
    67. }
    68. }
    Alles anzeigen


    Hier habe ich das Problem, das wenn ich von Quadrant I auf IV oder andersrum wechsle, das die Rotation nicht mehr stimmt. Kann mir dabei jemand helfen? Ich vermute, das ich irgendwo einen Denkfehler habe, finde ihn aber leider nicht.

  • Du solltest das Rotieren von der Darstellung des Images trennen. Dann kannst Du den View, der die Geste verarbeitet, auf die volle Größe aufziehen. Zufälligerweise brauchte ich auch so einen View von einigen Tagen. Den habe ich als Unterklasse von UIControl realisiert, um da eine Action für UIControlEventValueChanged per Interface Builder draufhängen zu können. Den ImageView legst Du einfach als Subview in das Control.

    Falls Du noch ein älteres Xcode verwendest, musst Du ggf. die ivars für die Properties in den Header einfügen.
    „Meine Komplikation hatte eine Komplikation.“