UImagview Fading and then hiding

Question

I want the imageview to fade and then hide completely.

Here is my code

   CABasicAnimation *theAnimation;
   theAnimation=[CABasicAnimation animationWithKeyPath:@"opacity"];
   theAnimation.duration=1.0;
   theAnimation.fromValue=[NSNumber numberWithFloat:1.0];
   theAnimation.toValue=[NSNumber numberWithFloat:0.0];
   [flowerImageView.layer addAnimation:theAnimation forKey:@"animateOpacity"];

This is working properly but when the value becomes 0.0 the imageview should not appear again

After it fades out. You just remove it from superview (which is UIImageView). [imageView removeFromSuperview]. — jamil, May 18 '13 at 06:57
Take a look here http://stackoverflow.com/a/11487269/1328096 . — jamil, May 18 '13 at 07:18

Pratik B · Accepted Answer · 2013-05-18T07:26:05.287

Actually there is no callback method for this so set the NSTimer

     CABasicAnimation *theAnimation;
     theAnimation=[CABasicAnimation animationWithKeyPath:@"opacity"];
     theAnimation.duration=1.0;
     theAnimation.fromValue=[NSNumber numberWithFloat:1.0];
     theAnimation.toValue=[NSNumber numberWithFloat:0.0];
     [flowerImageView.layer addAnimation:theAnimation forKey:@"animateOpacity"];

     [NSTimer scheduledTimerWithTimeInterval:theAnimation.duration
        target:self
        selector:@selector(targetMethod)
        userInfo:nil
        repeats:NO];

following method called after animation completed

-(void)targetMethod
{
     flowerImageView.hidden = YES;
}

score 1 · Answer 2 · answered May 18 '13 at 07:24

Yes, Pratik is on right way but image will be there just it wont be shown to you.

You can try following solution too, it will completely hide image.

 CABasicAnimation *theAnimation;
 theAnimation=[CABasicAnimation animationWithKeyPath:@"opacity"];
 theAnimation.duration=1.0;
 theAnimation.fromValue=[NSNumber numberWithFloat:1.0];
 theAnimation.toValue=[NSNumber numberWithFloat:0.0];
 [flowerImageView.layer addAnimation:theAnimation forKey:@"animateOpacity"];

 [NSTimer scheduledTimerWithTimeInterval:theAnimation.duration
    target:self
    selector:@selector(targetMethod)
    userInfo:nil
    repeats:NO];

Then hide image completely after animation completes.

-(void)targetMethod
{
     [flowerImageView setHidden:YES];
}

UImagview Fading and then hiding

2 Answers2