Animowanie obiektu UIImage lub UIImageView?

Question

Próbuję animować wysokość obrazu (od wysokości 0 pikseli do 480 pikseli), aby uzyskać efekt odwzorowania obrazu z góry na dół.

Przy UIImageView zauważyłem, że w Konstruktorze interfejsów wygląda on poprawnie. Ale kiedy działa w symulatorze, rozmiar (szerokość i wysokość) jest zawsze ustawiony na dowolny rozmiar obrazu; co oznacza, że ​​jeśli ustawię wysokość widoku obrazu na 50% pierwotną wysokość, obraz będzie nadal renderowany na pełnej wysokości.

Próbowałem również zrobić ten efekt z UIImage. Jednak pomimo tego, że rozmiar obrazu wydaje się prawidłowy, obraz jest skalowany w celu odzwierciedlenia proporcji/proporcji.

Pytanie: Jak mogę osiągnąć ten dynamiczny rozmiar (tzn. Animacja rozmiaru zdjęcia), podczas gdy NIE skaluje obrazu? Pomyślałem o użyciu CGImageCreateWithMask, ale jestem pewien, że spowodowałoby to ogromne problemy z wydajnością.

* Aktualizacja *

Efekt że im szuka to: Animacja obrazu przez co rosną w wysokości od do dołu (jak zestaw żaluzji jest wciągana na oknie). Ten obraz nie może być skalowany (ponieważ utraciłby efekt wizualny wyglądający jak "niewidomy"). Ten obraz musi być również renderowany na wierzchu innego obrazu. Tak więc są 2 obrazy łącznie.

* ODPOWIEDŹ *

Dla najwyższej najbardziej ImageView, ustawić tryb treści do góry (tak to robi skala). Następnie w kodzie ustawiam clipsToBounds na True. Teraz jestem w stanie animować najwyższą możliwą wysokość obrazu, dając mi efekt, którego szukam.

Answer 1

Jak wspomniano w oryginalnym post, tutaj jest odpowiedź wydaje mi się, że natknął :

Aby uzyskać najwyższy widok, ustaw tryb zawartości na Top (tak, aby nie był skalowany). Następnie w kodzie ustawiam clipsToBounds na True. Teraz jestem w stanie animować najwyższą możliwą wysokość obrazu, dając mi efekt, którego szukam.

Answer 2

Możesz chcieć sprawdzić Bloki animacji. Są one dość dokładnie udokumentowane tutaj:

http://developer.apple.com/library/ios/#documentation/WindowsViews/Conceptual/ViewPG_iPhoneOS/AnimatingViews/AnimatingViews.html

Cały kod jest istotne, ponieważ UIImageView jest podklasą UIView.

Szczęśliwe kodowanie.

Answer 3

Spróbuj ustawić właściwość UIImageView o wartości contentMode na jedną z następujących wartości.Myślę, że to, czego potrzebujesz to UIViewContentModeScaleAspectFit:

typedef enum { 
    UIViewContentModeScaleToFill, 
    UIViewContentModeScaleAspectFit,  // contents scaled to fit with fixed aspect. remainder is transparent 
    UIViewContentModeScaleAspectFill,  // contents scaled to fill with fixed aspect. some portion of content may be clipped. 
    UIViewContentModeRedraw,    // redraw on bounds change (calls -setNeedsDisplay) 
    UIViewContentModeCenter,    // contents remain same size. positioned adjusted. 
    UIViewContentModeTop, 
    UIViewContentModeBottom, 
    UIViewContentModeLeft, 
    UIViewContentModeRight, 
    UIViewContentModeTopLeft, 
    UIViewContentModeTopRight, 
    UIViewContentModeBottomLeft, 
    UIViewContentModeBottomRight, 
} UIViewContentMode; 

Answer 4

Użyj bloku animacji tak:

imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 0)]; 
imageView.image = ...; 
[imageView setClipsToBounds:YES]; 
[imageView setContentMode:UIViewContentModeTop]; 

[self.view addSubview:imageView]; 
[imageView release]; 

[UIView animateWithDuration:4.0f 
         delay:1.0f 
        options:UIViewAnimationOptionCurveEaseIn 
       animations:^(void) { 
        imageView.frame = CGRectMake(0, 0, 320, 480); 
       } 
       completion:NULL]; 

Answer 5

tylko sugestia, że ​​masz dwa obrazy: A i X (obraz rentgenowski):

+-------+    +-------+ 
|  |    |  | 
|  |    |  | 
| A |    | X | 
|  |    |  | 
|  |    |  | 
+-------+    +-------+ 

Dynamicznie można stworzyć obraz wysokiej jednopikselowego (tEMP), skopiuj zawartość z X częściowo, umieścić go na szczycie:

+-------+ +-------+ +-------+ 
|  | | temp1 | < |  | 
|  | +-------+ |  | 
| A |    | X | 
|  |    |  | 
|  |    |  | 
+-------+    +-------+ 

w pętli, dynamicznie utworzyć/zmienić rozmiar obrazu Temp, a następnie skopiować więcej treści z X:

+-------+ +-------+ +-------+ 
|  | | temp2 | < |  | 
|  | |  | |  | 
| A | +-------+ | X | 
|  |    |  | 
|  |    |  | 
+-------+    +-------+ 

+-------+ +-------+ +-------+ 
|  | | temp3 | < |  | 
|  | |  | |  | 
| A | |  | | X | 
|  | +-------+ |  | 
|  |    |  | 
+-------+    +-------+ 
+-------+ +-------+ +-------+ 
|  | | temp4 | < |  | 
|  | |  | |  | 
| A | |  | | X | 
|  | |  | |  | 
|  | +-------+ |  | 
+-------+    +-------+ 

+-------+ +-------+ +-------+ 
|  | | tempX | < |  | 
|  | |  | |  | 
| A | |  | | X | 
|  | |  | |  | 
|  | |  | |  | 
+-------+ +-------+ +-------+ 

Answer 6

Powinieneś rzucić okiem na Flip Clock dla samouczka na iPada. Jest z rdzeniem animacji, a więc ma premię wydajności.