blocks|key|1249688|text|我不确定你是否可以使用淡入淡出效果来动画UIViews，因为似乎所有支持的视图过渡都是在UIViewAnimationTransition枚举中定义的。使用CoreAnimation可以实现淡入淡出效果。此方法的示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1249689|#import+<QuartzCore/QuartzCore.h>
...
imageView.image+=+[UIImage+imageNamed:(i+%25+2)+?+@"3.jpg"+:+@"4.jpg"];

CATransition+*transition+=+[CATransition+animation];
transition.duration+=+1.0f;
transition.timingFunction+=+[CAMediaTimingFunction+functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
transition.type+=+kCATransitionFade;

[imageView.layer+addAnimation:transition+forKey:nil];|code-block|syntax|javascript|1249690|entityMap^0|18|P|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I am not sure if you can animate UIViews with fade effect as it seems all supported view transitions are defined in <code>UIViewAnimationTransition</code> enumeration. Fading effect can be achieved using CoreAnimation. Sample example for this approach:

<pre><code>#import &lt;QuartzCore/QuartzCore.h&gt;
...
imageView.image = [UIImage imageNamed:(i % 2) ? @"3.jpg" : @"4.jpg"];

CATransition *transition = [CATransition animation];
transition.duration = 1.0f;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
transition.type = kCATransitionFade;

[imageView.layer addAnimation:transition forKey:nil];
</code></pre>

blocks|key|1034703|text|[UIView+transitionWithView:textFieldimageView
++++++++++++++++++duration:0.2f
+++++++++++++++++++options:UIViewAnimationOptionTransitionCrossDissolve
++++++++++++++++animations:%5E{
++++++++++++++++++++imageView.image+=+newImage;
++++++++++++++++}+completion:nil];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1034704|是另一种可能性|unstyled|1034705|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>[UIView transitionWithView:textFieldimageView
 duration:0.2f
 options:UIViewAnimationOptionTransitionCrossDissolve
 animations:^{
 imageView.image = newImage;
 } completion:nil];
</code></pre>

is another possibility

blocks|key|1034755|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1034756|_imageView.image+=+image;
[_imageView.layer+addAnimation:[CATransition+animation]+forKey:kCATransition];|code-block|syntax|javascript|1034757|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this:

<pre><code>_imageView.image = image;
[_imageView.layer addAnimation:[CATransition animation] forKey:kCATransition];
</code></pre>

blocks|key|1034812|text|为什么不试试这个呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1034813|NSArray+*animationFrames+=+[NSArray+arrayWithObjects:
++[UIImage+imageWithName:@"image1.png"],
++[UIImage+imageWithName:@"image2.png"],+
++nil];

UIImageView+*animatedImageView+=+[[UIImageView+alloc]+init];
animatedImageView.animationImages+=+animationsFrame;
[animatedImageView+setAnimationRepeatCount:1];
[animatedImageView+startAnimating];|code-block|syntax|javascript|1034814|一个快速版本：|1034815|let+animationsFrames+=+[UIImage(named:+"image1.png"),+UIImage(named:+"image2.png")]
let+animatedImageView+=+UIImageView()
animatedImageView.animationImages+=+animationsFrames
animatedImageView.animationRepeatCount+=+1
animatedImageView.startAnimating()|1034816|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Why not try this.

<pre><code>NSArray *animationFrames = [NSArray arrayWithObjects:
 [UIImage imageWithName:@"image1.png"],
 [UIImage imageWithName:@"image2.png"], 
 nil];

UIImageView *animatedImageView = [[UIImageView alloc] init];
animatedImageView.animationImages = animationsFrame;
[animatedImageView setAnimationRepeatCount:1];
[animatedImageView startAnimating];
</code></pre>

A swift version:

<pre><code>let animationsFrames = [UIImage(named: "image1.png"), UIImage(named: "image2.png")]
let animatedImageView = UIImageView()
animatedImageView.animationImages = animationsFrames
animatedImageView.animationRepeatCount = 1
animatedImageView.startAnimating()
</code></pre>

blocks|key|1249781|text|CABasicAnimation*+fadeAnim+=+[CABasicAnimation+animationWithKeyPath:@"contents"];
fadeAnim.fromValue+=+(__bridge+id)imageView.image.CGImage;
fadeAnim.toValue+=+(__bridge+id)[UIImage+imageNamed:@"newImage.png"].CGImage;
fadeAnim.duration+=+2.0;
[imageView.layer+addAnimation:fadeAnim+forKey:@"contents"];
imageView.layer.contents+=+(__bridge+id)[UIImage+imageNamed:@"newImage.png"].CGImage;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1249782|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>CABasicAnimation* fadeAnim = [CABasicAnimation animationWithKeyPath:@"contents"];
fadeAnim.fromValue = (__bridge id)imageView.image.CGImage;
fadeAnim.toValue = (__bridge id)[UIImage imageNamed:@"newImage.png"].CGImage;
fadeAnim.duration = 2.0;
[imageView.layer addAnimation:fadeAnim forKey:@"contents"];
imageView.layer.contents = (__bridge id)[UIImage imageNamed:@"newImage.png"].CGImage;
</code></pre>

blocks|key|1249592|text|这里有几种不同的方法：UIAnimations+在我的记忆中，这听起来像是你的挑战。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1249593|编辑:我太懒了：)|1249594|在这篇文章中，我提到了这个方法：|1249595|[newView+setFrame:CGRectMake(+0.0f,+480.0f,+320.0f,+480.0f)];+//notice+this+is+OFF+screen!
[UIView+beginAnimations:@"animateTableView"+context:nil];
[UIView+setAnimationDuration:0.4];
[newView+setFrame:CGRectMake(+0.0f,+0.0f,+320.0f,+480.0f)];+//notice+this+is+ON+screen!
[UIView+commitAnimations];|code-block|syntax|javascript|1249596|但是，不是为帧设置动画，而是为alpha设置动画：|1249597|[newView+setAlpha:0.0];+//+set+it+to+zero+so+it+is+all+gone.
[UIView+beginAnimations:@"animateTableView"+context:nil];
[UIView+setAnimationDuration:0.4];
[newView+setAlpha:0.5];+//this+will+change+the+newView+alpha+from+its+previous+zero+value+to+0.5f
[UIView+commitAnimations];|1249598|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/2337408/addsubview-animation/2337469#2337469^0|B|D|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|14|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|J|7|16|8|@]|9|@]|C|$K|L]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

There are a few different approaches here: <a href="https://stackoverflow.com/questions/2337408/addsubview-animation/2337469#2337469">UIAnimations </a> to my recollection it sounds like your challenge.

Edit: too lazy of me:)

In the post, I was referring to this method:

<pre><code>[newView setFrame:CGRectMake( 0.0f, 480.0f, 320.0f, 480.0f)]; //notice this is OFF screen!
[UIView beginAnimations:@"animateTableView" context:nil];
[UIView setAnimationDuration:0.4];
[newView setFrame:CGRectMake( 0.0f, 0.0f, 320.0f, 480.0f)]; //notice this is ON screen!
[UIView commitAnimations];
</code></pre>

But instead of animation the frame, you animate the alpha:

<pre><code>[newView setAlpha:0.0]; // set it to zero so it is all gone.
[UIView beginAnimations:@"animateTableView" context:nil];
[UIView setAnimationDuration:0.4];
[newView setAlpha:0.5]; //this will change the newView alpha from its previous zero value to 0.5f
[UIView commitAnimations];
</code></pre>

blocks|key|1249729|text|从iOS+5开始，这要简单得多：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1249730|[newView+setAlpha:0.0];
[UIView+animateWithDuration:0.4+animations:%5E{
++++[newView+setAlpha:0.5];
}];|code-block|syntax|javascript|1249731|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As of iOS 5 this one is far more easy:

<pre><code>[newView setAlpha:0.0];
[UIView animateWithDuration:0.4 animations:^{
 [newView setAlpha:0.5];
}];
</code></pre>

blocks|key|1034866|text|Swift+5：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1034867|在处理collectionView时。仅重新加载1个项目或多个带有动画的项目。当改变细胞图像时，我尝试了一些不同的动画选项，没有区别，所以我不在这里指明动画名称。|1034868|UIView.animate(withDuration:+1.0)+{+[weak+self]+in
++++++++++++++++guard+let+self+=+self+else+{+return+print("gotchya!")+}
++++++++++++++++self.collectionView.reloadItems(at:+[indexPath])
++++++++++++}|code-block|syntax|javascript|1034869|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Swift 5:
When deal with collectionView. Reloading only 1 item or several items with animation. I try some different animation options when changing cell image, no difference, so I don't indicate animation name here.
<pre><code>UIView.animate(withDuration: 1.0) { [weak self] in
 guard let self = self else { return print(&quot;gotchya!&quot;) }
 self.collectionView.reloadItems(at: [indexPath])
 }
</code></pre>

I have an <code>UIImageView</code> with an image. Now I have a completely new image (graphic file), and want to display that in this <code>UIImageView</code>. If I just set 

<pre><code>myImageView.image = newImage;
</code></pre>

the new image is visible immediately. Not animatable. 

I want it to nicely fade into the new image. I thought maybe there's a better solution than just creating a new <code>UIImageView</code> on top of that and blending with animation?

How to animate the change of image in an UIImageView?

Swift

我有一个带有图像的UIImageView。现在我有了一个全新的图像(图形文件)，并希望在此UIImageView中显示它。如果我只是设置myImageView.image = newImage;新图像立即可见。不可设置动画。我希望它能很好地淡出到新的图像中。我想也许有一个更好的解决方案，而不是仅仅在上面创建一个新的UIImageView并与动画混合？

问如何使UIImageView中的图像变化具有动画效果？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使UIImageView中的图像变化具有动画效果？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使UIImageView中的图像变化具有动画效果？
EN