iOS-高仿微信摇一摇动画效果加震动音效
2017-11-17 09:40
453 查看
众所周知, 微信中的摇一摇功能: 搜索人/歌曲/电视,同样在一些其他类APP中也有一个摇一摇签到, 摇一摇随机选号等功能,下面以微信摇一摇功能来介绍实现原理.
对于摇一摇功能, 在iOS中系统默认为我们提供了摇一摇的功能检测API. iOS 中既然已经提供了接口, 我们直接调用就好
实现原理:
1. 监听摇一摇方法
2. 解决摇一摇失效的情况.
PS:使用 Xcode6.x 后创建的项目,仅仅实现第一步监听就可以实现,没有遇到这种问题.
3. 摇一摇阶段需要震动及声音.
摇动开始:
摇动结束:
4. 摇一摇阶段需要动画效果.
微信的摇一摇功能是先在视图上放一个摇后要显示的图片:手拿手机的图片, 这个图片就是上下两半拼在一起给人一种一张图片的感觉;当检测到摇一摇 捕捉到晃动事件后,上下两张图片分别上下做一个动画移动(上面的一半往上移,下面的往下移),在completion 里面再移回来.
这里有两种方法:
方法一: 抽出来添加动画效果的方法, 在摇一摇结束方法里添加这个方法.
方法二. 在摇一摇开始和结束里添加摇动动画效果及菊花效果
1、运行效果:
2、界面截图:
当然也有使用摇一摇做其他功能的,可以在当结束摇动时,就发送一个网络请求作相关操作即可。
界面性问题可以根据自己项目需求调整即可, 具体可参考代码, 项目能够直接运行!
如需看详情版,请点击这里下载!
对于摇一摇功能, 在iOS中系统默认为我们提供了摇一摇的功能检测API. iOS 中既然已经提供了接口, 我们直接调用就好
一、程序实现
实现原理:1. 监听摇一摇方法
PS:使用 Xcode6.x 后创建的项目,仅仅实现第一步监听就可以实现,没有遇到这种问题.
摇动开始:
微信的摇一摇功能是先在视图上放一个摇后要显示的图片:手拿手机的图片, 这个图片就是上下两半拼在一起给人一种一张图片的感觉;当检测到摇一摇 捕捉到晃动事件后,上下两张图片分别上下做一个动画移动(上面的一半往上移,下面的往下移),在completion 里面再移回来.
这里有两种方法:
方法一: 抽出来添加动画效果的方法, 在摇一摇结束方法里添加这个方法.
二、运行效果与界面截图
1、运行效果:2、界面截图:
三、其他补充
当然也有使用摇一摇做其他功能的,可以在当结束摇动时,就发送一个网络请求作相关操作即可。界面性问题可以根据自己项目需求调整即可, 具体可参考代码, 项目能够直接运行!
如需看详情版,请点击这里下载!
相关文章推荐
- iOS-高仿微信摇一摇动画效果加震动音效
- iOS仿微信摇一摇动画效果加震动音效实例
- iOS动画,让view有一个震动效果
- ios 自定义键盘的按键音效和震动效果
- iOS开发——UI进阶篇(十八)核心动画小例子,转盘(裁剪图片、自定义按钮、旋转)图片折叠、音量震动条、倒影、粒子效果
- iOS 8 Spring Animation[IOS 7.0以后动画效果超赞]---弹簧震动效果
- iOS开发之各种动画各种页面切面效果
- iOS- 点赞动画效果
- iOS开发 QQ粘性动画效果
- iOS 转场动画_NAV_图片缩放效果
- [IOS]CoreAnimation动画效果示例
- iOS的GIF动画效果实现
- ios 动画效果CATransition笔记
- IOS开发-UIView之动画效果的实现方法
- iOS利用MJRefresh实现自定义刷新动画效果
- iOS今日头条选择框、动画效果、FlappyBird游戏源码
- iOS利用仿射变换(CGAffineTransform)制作动画效果
- iOS造轮子——蚱蜢加载动画效果
- 为iOS App增加启动动画效果
- iOS 中常用的动画效果