iOS改变UIImageView的image时添加渐变,平滑改变图片

当改变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];

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值