multiple uiimages in the same view

Question

Hello, i'm developping an application for kids (memory game): turning two same tiles(images) and you can remove them. the problem is how to turn the uiimages with animation and only the uiimages without turning the view that contain them.. do i have to put every uiimage in a small view? any ideas? PS :i'm not using OpenGL

Answer 1

You could use UIImageView for each tile.

Answer 2

Sorry, misread the first time. Use UIImageViews for each tile and then animate as below.

a UIView is just a view, so you can animate it the way you animate any view. Its fairly straightforward.

  UIImageView *tileToFlip = self.[tiles objectAtIndex:3];
  CGRect frameOfTileToFlip = tileToFlip.frame;
  UIImageView *newImageToShow = [[UIImageView alloc] initWithFrame:frameOfTileToFlip];
  // add the image to newImageToShow

  [UIView beginAnimations:nil context:NULL];
  [UIView setAnimationDuration: 1.0];
  [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:newImageToShow cache:NO];
  [self.View addSubview:newImageToShow];      // I'm not sure if this is necessary

  [UIView commitAnimations];
  [tileToFlip removeFromSuperView];      // remove it so you can add it back later

Alternatively, you can use CATransition which gives you a little more control and different transitions.

Answer 3

thank you for your answer, but by animating the view that contain the uiiamges views, the animation will be on all the view, not only the image i want..