iPhone: UIImageView Fades in - Howto?

Question

I have an UIImageView that I want to fade in.

Is there a way to enable that on an underlying UIViewController?

I have translated the simplest answer, though they all work, C# .NET for the MonoTouch users:

public override void ViewDidAppear (bool animated)
{
    base.ViewDidAppear (animated);
    UIView.BeginAnimations ("fade in");
    UIView.SetAnimationDuration (1);
    imageView.Alpha = 1;
    UIView.CommitAnimations ();
}

score 30 · Accepted Answer · answered Apr 12 '11 at 08:34

30

Initially set the alpha of your imageview as 0 as imageView.alpha = 0;

- (void)fadeInImage 
{
[UIView beginAnimations:@"fade in" context:nil];
    [UIView setAnimationDuration:1.0];
    imageView.alpha = 1.0;
    [UIView commitAnimations];

}

answered Apr 12 '11 at 08:34

visakh7

26,380
8
55
69

Sabobin · Answer 2 · 2011-04-12T09:41:40.443

23

Change the animation duration to what ever length you want.

UIImageView *myImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"myImage.png"]];
myImageView.center = CGPointMake(100, 100);
myImageView.alpha = 0.0;
[self.view addSubview:myImageView];
[UIView animateWithDuration:5.0 animations:^{
     myImageView.alpha = 1.0;
}];

edited Apr 12 '11 at 09:41

answered Apr 12 '11 at 08:34

Sabobin

4,256
4
27
33

IS it possible to only animate the UIImageView and not the UIView? (and if so how?) – clankill3r May 12 '13 at 10:59
worked for me: I've added a `UIImageView` from the UI editor and after _(i needed to fade out the imageview)_ simply added the last 3 rows of the example _(with alpha = 0.0)_ and is ok! – ghiboz May 13 '14 at 12:40

score 4 · Answer 3 · answered Jul 03 '12 at 16:04

4

this simple code:

[UIView animateWithDuration:5.0 animations:^{
        theImage.alpha = 1.0;
    }];

the UIImage is in the view and is connected via an IBOutlet you can also, set the alpha from the utility panel.

answered Jul 03 '12 at 16:04

Milad

1,239
3
19
37

score 4 · Answer 4 · edited Feb 16 '17 at 15:27

Use below in your UIViewController

// add the image view
[self.view addSubview:myImageView];
// set up a transition animation
CATransition *animate = [CATransition animation];
[animate setDuration:self.animationDelay];
[animate setType:kCATransitionPush];
[animate setSubtype:kCATransitionFade];
[animate setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

[[self layer] addAnimation:animate forKey:@"fade in"];

score 1 · Answer 5 · edited Feb 16 '17 at 15:28

1

I would use UIView's +transitionWithView:duration:options:animations:completion: It is very efficient and powerful.

[UIView transitionWithView:imgView duration:1 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
    imgView.image = [UIImage imageNamed:@"MyImage"];
} completion:nil];

edited Feb 16 '17 at 15:28

Nagarjun

6,557
5
33
51

answered Jul 07 '15 at 04:24

Tibidabo

21,461
5
90
86

Haroldo Gondim · Answer 6 · 2015-07-27T23:18:08.733

You can use this code:

Fade In Animation:

self.yourComponent.alpha = 0.0f;
[UIView beginAnimations:@"fadeIn" context:nil];
[UIView setAnimationDuration:1.0]; // Time in seconds
self.yourComponent.alpha = 1.0f;

Fade Out Animation:

self.yourComponent.alpha = 1.0f;
[UIView beginAnimations:@"fadeOut" context:nil];
[UIView setAnimationDuration:1.0]; // Time in seconds
self.yourComponent.alpha = 0.0f;

self.yourComponent can be a UIView, UIImageView, UIButton or any other component.

score 0 · Answer 7 · answered Jan 26 '16 at 12:14

0

Swift version

func fadeIn(){
    UIView.beginAnimations("fade in", context: nil);
    UIView.setAnimationDuration(1.0);
    imageView.alpha = 1.0;
    UIView.commitAnimations();
}

answered Jan 26 '16 at 12:14

Vivekanandan

108
1
4

iPhone: UIImageView Fades in - Howto?

7 Answers7

Linked