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" ];

                   });


}



ImageView翻转效果

点击图中的星星开始翻转 源码: import android.content.Context; import android.content.res.TypedArray; import a...
  • gundumw100
  • gundumw100
  • 2017年04月10日 18:49
  • 216

Android UI之ImageView旋转的几种方式

我整理了一下,大概有四种,亲测成功三种。 第一种效率较低,不过看许多博客都使用这种方法,即旋转bitmap: Bitmap bitmap = ((BitmapDrawable)getResource...
  • gh8609123
  • gh8609123
  • 2017年03月04日 23:55
  • 7098

左右翻转的ImageView

  • 2014年07月31日 13:26
  • 1.22MB
  • 下载

android自定义ImageView实现旋转动画

  • 2014年09月15日 10:27
  • 3.05MB
  • 下载

Swift 旋转动画 (设置的ImageView的旋转动画)

Swift 旋转动画 import UIKitclass VisitorView: UIView { // MARK:- 提供快速通过xib创建的类方法 class func visitorVi...
  • u014128241
  • u014128241
  • 2016年12月11日 18:52
  • 2420

Android实现ImageView的旋转动画

本文主要介绍如何使用RotatationAnimation和ObjectionAnimation实现ImageView不同旋转的动画。...
  • coralline_xss
  • coralline_xss
  • 2015年12月29日 16:53
  • 12382

UImageView翻转效果

感觉这个效果简单,但是还不错,主要还是用了在动画执行到一半的时候马上切换图片.就会达到这样的效果了. 当然之前必须设置UIImageView可以点击userInteractionEnabled为YE...
  • kingcodexl
  • kingcodexl
  • 2015年11月19日 17:50
  • 574

android实现图片翻转动画

效果如下(gif1): 怎么做呢?文章有点长,看官请静下心来好好看看。碰到不懂的地方查查API。 Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那...
  • songxueyu
  • songxueyu
  • 2013年05月26日 23:14
  • 2632

CSS3实现翻转(Flip)效果

DL Mobile
  • u014737974
  • u014737974
  • 2016年03月13日 11:08
  • 1074

android 卡片翻转效果的实现

效果图: 实现 :   一:创建Animator 如图: 第一个卡片要向左翻转消失  ,向右翻转出现 第二张卡片向右翻转消失,向左翻转出现 。 首先 card_flip_left_in.xml...
  • adamlovejw
  • adamlovejw
  • 2015年06月01日 11:04
  • 1914
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:UImageView翻转效果
举报原因:
原因补充:

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