UIVIew animation - Skalierung + Übersetzung

Habe ich eine Ansicht, die ich sein will, skaliert und übersetzt in eine neue Position, die von der Animation. Ich habe versucht, es zu erreichen, mit dem folgenden code:

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:kDurationForFullScreenAnimation];
[[self animatingView] setFrame:finalRect];
[UIView commitAnimations];

Den Effekt dieses Codes ist, zuerst die Ansicht ändert sich die Größe der finalRect und dann übersetzt es in die neue Position. d.h. Die Skalierung Teil ist nie animiert. Die Ansicht wird lediglich transformiert, um die neue Größe und dann übersetzt.

Dieses Problem ist bereits besprochen, in einigen anderen threads, aber keiner von Ihnen ziehen ein Fazit. Eine Lösung existiert jedoch, verwenden Sie einen timer und stellen Sie die frame-jeder Zeit in der timer-callback, aber es hat einen performance Nachteil.

Was ist die am besten geeignete Lösung für dieses problem, auch, warum im ersten Fall wird dieses problem auftreten?

Dank

InformationsquelleAutor Raj Pawan Gumdal | 2010-08-18

  1. 33

    Einstellung der Rahmen hat weder eine Skala noch eine übersetzung. Sie sind entweder mit dem falschen Begriffe oder Sie verwenden das falsche Werkzeug für den job. Skalieren und zu übersetzen, sind beide fertig mit Core-Grafik-Affine Transformationen, wenn Sie schauen, um Einfluss auf die UIView (im Gegensatz zu der Schicht, die Core Animation verwandelt).

    Skalieren und anzeigen verwenden 

    //2x
[rotationView setTransform:CGAffineTransformMakeScale(2.0, 2.0)];

    Zu übersetzen, verwenden Sie

    //Move origin by 100 on both axis
[rotationView setTransform:CGAffineTransformMakeTranslation(100.0, 100.0)];

    Animieren diese, wickeln Sie Sie in einer animation block. Wenn Sie möchten, verwandeln Sie die Ansicht mit beiden, dann müssen Sie zu verketten.

    Wenn Sie nicht wollen, Skalierung und translation (transformiert), dann ist das, was du meinst, ist, dass Sie wollen, ändern Sie die Ansicht, die Grenzen und position. Diese verändert durch Aufrufe 

    [view setBounds:newRect];
[view setCenter:newCenter];

    Wo newRect und newCenter sind ein CGRect und CGPoint jeweils vertreten, dass die neue position auf dem Bildschirm. Auch diese müssen verpackt in einer animation block.

    Die Sache ist die, wenn ich dies so tun, wird der Inhalt der view und alle unter-views übernehmen die newRect sofort. Sie sind nicht animiert, um den neuen Rahmen. Wie sagen Sie haben eine Bildansicht als eine Untersicht, um die Animation anzuzeigen, wird das Bild in der Bildansicht ist nicht skaliert allmählich. Vielmehr wird das Bild zuerst in die Luft gesprengt, um die newRect und dann der Blick die Grenzen Skalen + übersetzt. Ändern der center funktioniert in der animation block zwar, aber die änderung der Grenzen nicht wie erwartet.

    InformationsquelleAutor Matt Long

  2. 15

    Hier ist ein Beispiel mit block-animation:

    CGPoint newCenter = CGPointMake(100.0,100.0);

[UIView animateWithDuration: 1
                      delay: 0
                    options: (UIViewAnimationOptionCurveLinear | UIViewAnimationOptionAllowUserInteraction)
                 animations:^{object.center = newCenter ; object.transform = CGAffineTransformScale(CGAffineTransformIdentity, 2.0, 2.0);}
                 completion:^(BOOL finished) { }
];

    InformationsquelleAutor mad pig

  3. 5

    Probieren Sie diese Lösung : 

      CGAffineTransform s =  CGAffineTransformMakeScale(0.5f,0.5f);
  CGAffineTransform t = CGAffineTransformMakeTranslation(100, 0);
  v2.transform = CGAffineTransformConcat(t,s); //not s,t

    diese operation ist nicht kommutativ. Die Reihenfolge ist die Umkehrung der Reihenfolge bei der Verwendung von convenience-Funktionen, die für die Anwendung einer Transformation auf ein anderes.

    - Und Sie können diesen Vorgang : zum Beispiel (entfernen der Skala) :

        v2.transform =
    CGAffineTransformConcat(CGAffineTransformInvert(s), v2.transform);
    Tolle Antwort. Von all meinem suchen, dieser hat mich genau das ein was ich brauchte, um diese animation funktioniert genau wie ich es brauche. Ich bin versucht, duplizieren Sie die animation gesehen, die auf Android bei der Auswahl ein Textfeld mit der Beschriftung schrumpfen kleiner und nach oben und nach Links. Nur eine Skala transformieren schrumpft das label, aber nach unten und nach rechts. Die übersetzung zu verwandeln war auch nötig, aber ich konnte nicht einen Weg finden, um beides zu bekommen, um zu arbeiten. Die CGAffineTransformConcat war der Schlüssel. Danke!

    InformationsquelleAutor user3391686

Schreibe einen Kommentar