iOS改变UIImageView的image时添加渐变

最新推荐文章于 2021-11-07 20:04:06 发布

CaryaLiu

最新推荐文章于 2021-11-07 20:04:06 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS 文章标签： iOS uiimageview

本文链接：https://blog.youkuaiyun.com/CaryaLiu/article/details/49283335

iOS 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在iOS开发中为UIImageView的图片切换添加淡入淡出效果。提供了两种实现方式：一是通过CATransition，二是利用UIView的transitionWithView方法。这两种方法均可使图片切换更加平滑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

欢迎到个人博客: liumh.com查看本文。

本文为原创，未经允许勿转载

当改变UIImageView的image属性时，UI会立刻从一张图片切换到另一张图片，显得十分生硬，本文记录如何为改变UIImageView的image属性时加入淡入淡出的效果。

现在有四张UIImage，初始化后将其存入数组中:

self.imgs = @[[UIImage imageNamed:@"bg01"],
              [UIImage imageNamed:@"bg02"],
              [UIImage imageNamed:@"bg03"],
              [UIImage imageNamed:@"bg04"]];
self.imageView.image = self.imgs[0];

有一按钮，其事件如下:

- (IBAction)switchImg:(id)sender {

}

现在填充其实现来完成UIImageView改变image时加入1秒的淡入淡出

方法1. 使用CATransition

CATransition *transition = [CATransition animation];
transition.type = kCATransitionFade;
transition.duration = 1.0f;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
[self.imageView.layer addAnimation:transition forKey:nil];

UIImage *currentImage = self.imageView.image;
NSUInteger index = [self.imgs indexOfObject:currentImage];
index = (index + 1) % [self.imgs count];
self.imageView.image = self.imgs[index];

方法2. 使用UIView类方法transitionWithView

UIImage *currentImage = self.imageView.image;
NSUInteger index = [self.imgs indexOfObject:currentImage];
index = (index + 1) % [self.imgs count];

[UIView transitionWithView:self.imageView duration:1 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
    self.imageView.image = self.imgs[index];
} completion:nil];