在微信小程序的开发过程中我们是否有遇到摇一摇的需求,例如:摇一摇抽奖,摇骰子,社交小程序的摇人等等。
那么当我们翻遍了微信小程序的开发文档,却没有看到一个关于监听手机摇动的API。小编当时也是找😵了,其实是一个叫做监听加速度数据的API。
wx.startAccelerometer()
开始监听加速度数据。
wx.startAccelerometer({
//game 适用于更新游戏的回调频率,在 20ms/次 左右
//ui 适用于更新 UI 的回调频率,在 60ms/次 左右
//normal 普通的回调频率,在 200ms/次 左右 默认是这个
//interval: 'normal'
success:function(e){
console.log("startAccelerometer",e)
}
})
当我们在js中引入这个API以后如果看到小程序控制台打印出
startAccelerometer {errMsg: "startAccelerometer:ok"}
代表开始监听加速度,但是这时候我们并不知道到底加速度到多少,所以接下来就需要一个监听加速度数据改变事件,如下API。
wx.onAccelerometerChange()
这个API回调的频率是根据wx.startAccelerometer()中设置的interval,如小编这里将interval注释起来,那么就是使用默认的normal,它是200ms回调一次数据
重点来了: 这个API在开发者工具中是看不到回调数据的,只有在真机中,预览或者真机测试,也就是手机中才可以看到回调的数据的
毕竟咱们不可能把电脑抬起来摇嘛,不切实际,哈哈哈
那么我们就可以在手机上看到
每200毫秒回调一次还是很快的,当手机晃动我们可以判断x大于1或者1.5时候执行我们的事件,如:
onLoad(){
wx.onAccelerometerChange(function(e){
console.log("onAccelerometerChange",e)
//当监听到大于1可执行方法
if(e.x> 1){
that.startGame();
}
})
},
startGame(){
//事件,可以进行操作
}
wx.stopAccelerometer()与wx.offAccelerometerChange()
当我们执行了startGame()方法后,肯定是要停止监听加速度数据了,所以当我们
wx.stopAccelerometer({
success: (res) => {
//这里面写请求数据,以免当用户并存量过大时,导致数据多请求情况
}
})
或者使用,但是小编在项目中使用的是上面的停止方法,下面的方法应该也是类似,哈哈哈
wx.offAccelerometerChange({
success: (res) => {
//这里面写请求数据,以免当用户并存量过大时,导致数据多请求情况
}
})
但是小编看到开发文档还有一个监听陀螺仪数据的API不知道是不是也可以,小编有空再试试。
好了,这是小编的一些开发思路,如果各位大佬有更好的方法,麻烦在下方评论或者私聊小编哦~
让小编一起学习。