IOS翻转动画(可来回切换图片)

最新推荐文章于 2023-06-16 21:31:05 发布

维庆

最新推荐文章于 2023-06-16 21:31:05 发布

阅读量4.5k

点赞数 2

本文链接：https://blog.youkuaiyun.com/IOS_dashen/article/details/48437153

版权

这篇博客分享了一个无需额外框架的iOS图片翻转切换动画实现方法。通过10行代码，即可轻松达到点击图片时，两面显示不同图片并进行翻转切换的效果。

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

有个需求是让图片的两面显示不同的图片，点击图片时让这两张图片翻转切换，以前做这个效果的同事(已离职)专门下载了个框架，现在想想完全没必要，跟大家分享我自己写的Demo，10行代码就解决问题，具体实现代码如下：

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.imageView.image=[UIImage imageNamed:@"1.jpg"];
    // Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    [UIView transitionWithView:self.imageView duration:2.0f options:UIViewAnimationOptionTransitionFlipFromTop animations:^{
        self.imageView.tag++;
        UIImage *image=(0==self.imageView.tag % 2) ? [UIImage imageNamed:@"1.jpg"] : [UIImage imageNamed:@"2.jpg"];
        [self.imageView setImage:image];
        
    } completion:^(BOOL finished) {
        NSLog(@"图像翻转完成");
    }];

}
@end

在后期的优化过程中，能不用第三方的框架就最好别用第三方框架！