Show and Fade UIImageView after 2 Seconds

felix_xiao picture felix_xiao · Sep 17, 2012 · Viewed 30.7k times · Source

I am working on a notification system in my iPhone game and want an image to pop up on the screen and automatically fade after 2 seconds.

  1. User clicks a button that calls the method "popupImage"
  2. An image appears on the screen in a designated spot, it doesn't need to fade in
  3. The image fades out by itself after being on the screen for 2 seconds.

Is there any way of doing this? Thanks ahead of time.

Answer

AliSoftware picture AliSoftware · Sep 18, 2012

Use UIView dedicated methods for that.

So imagine you already have your UIImageView ready, already created and added to the main view, but simply hidden. Your method simply need to make it visible, and start an animation 2 seconds later to fade it out, by animating its "alpha" property from 1.0 to 0.0 (during a 0.5s animation):

-(IBAction)popupImage
{
    imageView.hidden = NO;
    imageView.alpha = 1.0f;
    // Then fades it away after 2 seconds (the cross-fade animation will take 0.5s)
    [UIView animateWithDuration:0.5 delay:2.0 options:0 animations:^{
         // Animate the alpha value of your imageView from 1.0 to 0.0 here
         imageView.alpha = 0.0f;
     } completion:^(BOOL finished) {
         // Once the animation is completed and the alpha has gone to 0.0, hide the view for good
         imageView.hidden = YES;
     }];
}

Simple as that!