关闭

UImageView翻转效果

498人阅读 评论(0) 收藏 举报
分类:


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

当然之前必须设置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" ];

                   });


}



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:53746次
    • 积分:1066
    • 等级:
    • 排名:千里之外
    • 原创:48篇
    • 转载:49篇
    • 译文:0篇
    • 评论:4条
    最新评论