UImageView翻转效果

原创 2015年11月19日 17:50:00


感觉这个效果简单,但是还不错,主要还是用了在动画执行到一半的时候马上切换图片.就会达到这样的效果了.

当然之前必须设置UIImageView可以点击userInteractionEnabled为YES

关键代码如下:

- (void)viewDidLoad

{

    [super viewDidLoad];

    self.imageView.userInteractionEnabled = YES;

    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(clickImage)];

    [self.imageView addGestureRecognizer:tapGesture];

    

}

- (void)clickImage{

    

    // 标记翻转状态

    self.isChanged = !self.isChanged;

    

    // 动画配置

    NSTimeInterval duration = 0.5;

    UIViewAnimationTransition transition = self.isChanged ? UIViewAnimationTransitionFlipFromRight : UIViewAnimationTransitionFlipFromLeft;

    

    // 提交动画

    [UIView beginAnimations:nil context:nil];

    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

    [UIView setAnimationDuration:duration];

    [UIView setAnimationTransition:transition forView:self.imageView cache:NO];

    [UIView commitAnimations];

    

    // 动画进行到一半,设置图片.关键点

    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(duration/2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^

                   {

                       self.imageView.image = [UIImage imageNamed: self.isChanged ? @"1" : @"2" ];

                   });


}



相关文章推荐

8-18 UIButton UImageView UIView

UIButton *button1 = [[UIButton alloc] init]; //设置字体大小     button1.titleLabel.font = [UIFont systemFo...

Dialog实现3D翻转效果,DialogFlipDemo

  • 2017年10月21日 14:56
  • 19.27MB
  • 下载

cocos2d--仿真树叶飘落效果的实现(精灵旋转、翻转、钟摆运动等综合运用)

原理->树叶飘落动作分析:          树叶下落过程分解为:下落+摆动+叶片自传。          也就是只要将这三个动作实现,并同时执行就可以实现树叶飘落的效果。        ...

Android 利用Camera实现中轴3D卡牌翻转效果

本文讲述的是利用第一个Camera类实现中轴3D转换的卡牌翻转效果

WPF 3D照片效果(翻转和预览)

  • 2017年05月22日 16:47
  • 8.15MB
  • 下载

纯CSS3图片翻转效果详解

纯CSS3图片翻转效果详解
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UImageView翻转效果
举报原因:
原因补充:

(最多只允许输入30个字)