iOS 摇一摇+动画效果

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

第一种:系统方法

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

#import <QuartzCore/QuartzCore.h>
#import <AudioToolbox/AudioToolbox.h>

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


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:


motion的type

第二种:加速仪

1、添加CoreMotion.framework


添加库

2、引入头文件

#import <CoreMotion/CoreMotion.h>  

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,364评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,010评论 4 62
  • 我亲爱的妹妹 ,姐姐想告诉你的是。与人相处的方式有很多很多种。 有的人会花钱, 有的人会花时间 ,有的人会花心思 ...
    依旧像朵太阳花阅读 319评论 0 0
  • 前几天看了东成西久的一篇文章,让我苦恼不已,甚至陷入自我怀疑,不知道自己还要不要写下去,以及如何写下去,因为这篇文...
    握瑜阅读 1,459评论 43 59
  • P2 林妈妈在收拾行李,门外的小小人影从门缝中小心翼翼的看着她。 “过来。”妈妈把手里的小裙子扬一扬,迎面扑来的太...
    月半栗阅读 327评论 0 0