iOS 摇一摇+动画效果

项目要做一个摇一摇抽奖的需求,于是就提前做了个简化的Demo,遇到的坑啊什么的,当然是记录下来啦~~
摇一摇抽奖的大概简化流程是:
1、摇动手机,手机震动提示,也可以加上震动音效,
2、开始模拟摇动的动画,动画结束后进行下一步操作。
测试过程中用了两种方法:
第一种 是系统的- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event;方法。
经过多次把手摇断了的尝试,发现系统的方法比较容易触发,短时间内摇动多次这个方法便会触发多次。如果在摇一摇抽奖情况下,摇动结束后执行后续事件的话也会执行多次。所以在此情况下,我添加了一个BOOL变量来控制这个情况:摇动之前打开,第一次摇动后关闭防止多次触发,摇动结束后事件执行完毕后打开,以便于下一次摇动事件的执行。
第二种 使用加速仪,加速仪跟手机的设备一样,不需要经过用户允许,也没有访问限制,当然也没什么危害,手机基本配备而已。
——————————————————————
好了,开始上代码!!!
-——————————————————————

第一种:系统方法

1、创建 YaoYiYaoViewController.h 类,添加用于摇动时震动和声音的库:

#import 
#import 

2、定义用于显示摇动的view、view的动画、防止摇动时多次触发的BOOL值:


iOS 摇一摇+动画效果_第1张图片
image.png

3、允许摇动功能 & 视图显示时让控件变成第一响应者

#pragma mark 视图显示时让控件变成第一响应者
-(void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    // 设置允许摇一摇功能
    [UIApplication sharedApplication].applicationSupportsShakeToEdit = YES;
    // 并让view成为第一响应者
    [self becomeFirstResponder];
    isXiangYing = YES;
}
#pragma mark 视图不显示时注销控件第一响应者的身份
-(void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    [self resignFirstResponder];
}

4、设置view

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    YYYview = [UIView new];
    YYYview.frame = CGRectMake((SCREEN_WIDTH -100)/2.0, 150, 100, 200);
    YYYview.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:YYYview];
}

5、在系统摇动的相关方法里设置

#pragma mark - 摇一摇相关方法
// 摇一摇开始摇动
- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event {
    if (motion == UIEventSubtypeMotionShake) {// 判断是否是摇动事件
        if (isXiangYing) {
            NSLog(@"摇一摇开始!!!");
            //设置开始摇晃时震动
            AudioServicesPlaySystemSound(kSystemSoundID_Vibrate);
            //加载动画
            [self theAnimations];
            isXiangYing = NO;
        }
    }
}
// 摇一摇摇动结束
- (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event {
    if (motion == UIEventSubtypeMotionShake) { // 判断是否是摇动事件
        NSLog(@"摇一摇结束~~~~~");
        //摇动结束添加事件
    }
}
// 摇一摇取消摇动
- (void)motionCancelled:(UIEventSubtype)motion withEvent:(UIEvent *)event {
}

View的动画:

#define angle2Radian(angle)  ((angle)/180.0*M_PI)
-(void)theAnimations{
    //1.创建核心动画
    keyAnima = [CAKeyframeAnimation animation];
    keyAnima.keyPath = @"transform.rotation";
    YYYview.layer.position = CGPointMake(YYYview.frame.origin.x +YYYview.frame.size.width/2,
                                         YYYview.frame.origin.y +YYYview.frame.size.height);
    YYYview.layer.anchorPoint = CGPointMake(0.5, 1);
    //设置图标抖动弧度  把度数转换为弧度  度数/180*M_PI
    keyAnima.values = @[@(angle2Radian(0)),
                        @(-angle2Radian(8)),
                        @(angle2Radian(0)),
                        @(angle2Radian(8)),
                        @(angle2Radian(0))];
    //设置动画时间
    keyAnima.duration = 1;
    //设置动画的重复次数(设置为最大值)
    keyAnima.repeatCount = MAXFLOAT;
    keyAnima.fillMode = kCAFillModeForwards;
    keyAnima.removedOnCompletion = NO;
    keyAnima.delegate = self;
    [YYYview.layer addAnimation:keyAnima forKey:@"animateLayer"];
}
-(void)animationDidStart:(CAAnimation *)anim{
    //动画开始
    NSLog(@"动画开始啦!!!!!");
}
-(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag{
    //结束动画执行事件
    NSLog(@"动画结束啦~~~~~");
}

到此时这个简单的Demo已经完成。
6、备注
上面的方法没有添加音效

//开始摇动时执行的事件
// 1.添加摇动动画
// 2.设置播放音效
SystemSoundID soundID;
NSString *path = [[NSBundle mainBundle] pathForResource:@"shake_sound_male" ofType:@"wav"];
AudioServicesCreateSystemSoundID((__bridge CFURLRef)[NSURL fileURLWithPath:path], &soundID);
// 添加摇动声音
AudioServicesPlaySystemSound (soundID);
// 3.设置震动
AudioServicesPlaySystemSound(kSystemSoundID_Vibrate);

对于- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event;方法里,motion的type:


iOS 摇一摇+动画效果_第2张图片
motion的type

第二种:加速仪

1、添加CoreMotion.framework


iOS 摇一摇+动画效果_第3张图片
添加库

2、引入头文件

#import   

3、创建使用CMMotionManager

@property (nonatomic, strong) CMMotionManager *motionManager;

4、初始化加速仪,一般在viewDidLoad中进行。不要忘记了viewDidLoad里面还有上面设置的view

self.motionManager = [[CMMotionManager alloc] init];
    self.motionManager.accelerometerUpdateInterval = 0.5;//加速仪更新频率,以秒为单位

5、开始接收加速仪数据([startAccelerometerUpdatesToQueue:withHandler:])。其中的动画跟上面的一样哦~

-(void)viewDidAppear:(BOOL)animated{
    [self startAccelerometer];
}
-(void)startAccelerometer{
    //以push的方式更新并在block中接收加速度
    [self.motionManager startAccelerometerUpdatesToQueue:[[NSOperationQueue alloc]init] withHandler:^(CMAccelerometerData *accelerometerData, NSError *error) {
        [self outputAccelertionData:accelerometerData.acceleration];
        if (error) {
            NSLog(@"motion error:%@",error);
        }
    }];
}
-(void)outputAccelertionData:(CMAcceleration)acceleration{
    //综合3个方向的加速度
    double accelerameter =sqrt( pow( acceleration.x , 2 ) + pow( acceleration.y , 2 ) + pow( acceleration.z , 2) );
    //当综合加速度大于2.3时,就激活效果(此数值根据需求可以调整,数据越小,用户摇动的动作就越小,越容易激活,反之加大难度,但不容易误触发)
    if (accelerameter > 1.5f) {
        //立即停止更新加速仪(很重要!)
        [self.motionManager stopAccelerometerUpdates];
        dispatch_async(dispatch_get_main_queue(), ^{  
            //UI线程必须在此block内执行,例如摇一摇动画、UIAlertView之类
            //设置开始摇晃时震动
            AudioServicesPlaySystemSound(kSystemSoundID_Vibrate);
            //加载动画
            [self theAnimations];
        });
    }      
}
-(void)viewDidDisappear:(BOOL)animated  {
    //停止加速仪更新(很重要!)  
    [self.motionManager stopAccelerometerUpdates];
}

6、摇一摇核心已经实现,但还差最后一步:当App退到后台时必须停止加速仪更新,回到当前时重新执行。否则应用在退到后台依然会接收加速度更新,可能会与其它当前应用冲突,产生不好的体验。所以,分别在viewDidAppear和viewDidDisappear中加入如下监听:

-(void)viewDidAppear:(BOOL)animated{
    [self startAccelerometer];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(receiveNotification:) name:UIApplicationDidEnterBackgroundNotification object:nil];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(receiveNotification:) name:UIApplicationWillEnterForegroundNotification object:nil];
}
-(void)viewDidDisappear:(BOOL)animated  {
    //停止加速仪更新(很重要!)  
    [self.motionManager stopAccelerometerUpdates];
    [[NSNotificationCenter defaultCenter] removeObserver:self  name:UIApplicationDidEnterBackgroundNotification object:nil];
    [[NSNotificationCenter defaultCenter] removeObserver:self name:UIApplicationWillEnterForegroundNotification object:nil];
}
//对应上面的通知中心回调的消息接收
-(void)receiveNotification:(NSNotification *)notification{
    if ([notification.name isEqualToString:UIApplicationDidEnterBackgroundNotification]){
        [self.motionManager stopAccelerometerUpdates];
    }else{
        [self startAccelerometer];
    }
}

总结

对于两种方法都进行了测试,个人感觉系统的方法虽然比较容易触发,加个BOOL控制还是比较方便的。加速仪的方法有些比较难触发,直接感觉就是比系统的方法甩的力大,不知道是不是设置的问题,以后加以改进。同学们喜欢哪个就用哪个喽O(∩_∩)O

你可能感兴趣的:(iOS 摇一摇+动画效果)