这篇文章主要介绍了如何使用iOS开发实现翻转扑克牌动画，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联于2013年创立，是专业互联网技术服务公司，拥有项目成都网站设计、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元河津做网站,已为上家服务,为河津各地企业和个人服务,联系电话:18980820575
动画效果
实现原理
实现原理就是创建三个扑克牌pockerView , 先在扑克牌上添加一个imageview，作为牌的背面。然后实现翻转动画，在翻转的时候将imageview移除，添加另一个imageview作为正面。
核心代码：
方法一： 翻转动画，内部实现还是方法二
+ (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^ __nullable)(void))animations completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
方法二 ：UIView动画
[UIView beginAnimations:@"aa" context:nil];
[UIView setAnimationDuration:_duration];
[UIView setAnimationCurve:UIViewAnimationCurveLinear];
[view.imgview1 removeFromSuperview];
[view addSubview:view.imgview2];
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:view cache:NO];
[UIView commitAnimations];
完整代码：
ViewController.m文件代码
#import "ViewController.h"
#import "PockerView.h"
@interface ViewController ()
// 记录翻第几张牌
@property(nonatomic,assign)NSInteger index;
// 动画时间
@property(nonatomic,assign)CGFloat duration;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor blackColor];
_duration = 0.5;
_index = 0;
NSArray *arr = @[@"2.jpg",@"3.jpg",@"4.jpg"];
// 循环创建3张扑克牌
for (int i = 0; i < 3; i++) {
PockerView *pocker = [[PockerView alloc]initWithFrame:CGRectMake(100 + 80 * i, 100, 100, 150) imageName:arr[i]];
pocker.tag = 1000 + i;
[self.view addSubview:pocker];
}
}
// 点击空白处触发
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
// 执行动画
[self executeAnimation];
}
// 执行动画
- (void)executeAnimation{
// 根据tag值取到扑克牌
PockerView *pocker = [self.view viewWithTag:1000+ _index];
// 方法一
[self animationWithView:pocker];
// 方法二
// [self rotateWithView:pocker];
}
// 翻牌动画方法一（内部实现还是方法二）
- (void)animationWithView:(PockerView *)view{
// 延时方法 正在翻转的牌翻转一半的时候把它移到视图最上面来
[self performSelector:@selector(delayAction:) withObject:view afterDelay:_duration / 2];
// 翻转动画
UIViewAnimationOptions option = UIViewAnimationOptionTransitionFlipFromLeft;
[UIView transitionWithView:view duration:_duration
options:option
animations:^ {
[view.imgview1 removeFromSuperview];
[view addSubview:view.imgview2];
}
completion:^(BOOL finished){
_index++;
if (_index < 3) {
[self executeAnimation];
}
}];
}
// 延时方法
- (void)delayAction:(UIView *)view{
[self.view bringSubviewToFront:view];
}
- (void)delayAction2{
_index++;
if (_index < 3) {
[self executeAnimation];
}
}
// 方法二
- (void)rotateWithView:(PockerView *)view{
[self performSelector:@selector(delayAction:) withObject:view afterDelay:_duration / 2];
[self performSelector:@selector(delayAction2) withObject:nil afterDelay:_duration];
[UIView beginAnimations:@"aa" context:nil];
[UIView setAnimationDuration:_duration];
[UIView setAnimationCurve:UIViewAnimationCurveLinear];
[view.imgview1 removeFromSuperview];
[view addSubview:view.imgview2];
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:view cache:NO];
[UIView commitAnimations];
}
@endPockerView.h文件代码
//
// PockerView.h
// 翻牌
//
// Created by 斌 on 2017/4/20.
// Copyright © 2017年 斌. All rights reserved.
//
#import
@interface PockerView : UIView
@property(nonatomic,strong)UIImageView *imgview1;
@property(nonatomic,strong)UIImageView *imgview2;
- (instancetype)initWithFrame:(CGRect)frame imageName:(NSString *)imageName;
@end
PockerView.m文件代码
//
// PockerView.m
// 翻牌
//
// Created by 斌 on 2017/4/20.
// Copyright © 2017年 斌. All rights reserved.
//
#import "PockerView.h"
@implementation PockerView
- (instancetype)initWithFrame:(CGRect)frame imageName:(NSString *)imageName{
self = [super initWithFrame:frame];
if (self) {
// 设置阴影
self.layer.shadowColor = [UIColor blackColor].CGColor;
self.layer.shadowOffset = CGSizeMake(-10, 0);
self.layer.shadowOpacity = 0.3;
// 牌的背面
self.imgview1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
_imgview1.backgroundColor = [UIColor redColor];
_imgview1.image = [UIImage imageNamed:@"1.jpeg"];
[self addSubview:_imgview1];
self.imgview1.layer.cornerRadius = 10;
self.imgview1.clipsToBounds = YES;
self.imgview1.layer.borderWidth = 5;
self.imgview1.layer.borderColor = [[UIColor whiteColor] CGColor];
// 牌的正面
self.imgview2 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
_imgview2.backgroundColor = [UIColor redColor];
_imgview2.image = [UIImage imageNamed:imageName];
self.imgview2.layer.cornerRadius = 10;
self.imgview2.clipsToBounds = YES;
self.imgview2.layer.borderWidth = 5;
self.imgview2.layer.borderColor = [[UIColor whiteColor] CGColor];
}
return self;
}
@end感谢你能够认真阅读完这篇文章，希望小编分享的“如何使用iOS开发实现翻转扑克牌动画”这篇文章对大家有帮助，同时也希望大家多多支持创新互联建站，关注创新互联网站建设公司行业资讯频道，更多相关知识等着你来学习!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
名称栏目：如何使用iOS开发实现翻转扑克牌动画-创新互联
文章来源：
http://cdkjz.cn/article/cdeojd.html
