微信小程序> 微信小程序实现摇一摇重力感应API

微信小程序实现摇一摇重力感应API

浏览量:523 时间: 来源:ノBye~

微信小程序并没有提供摇一摇API接口,但是提供了一个重力感应的API 「wx.onAccelerometerChange(CALLBACK)」,我们可以用这个方法来模拟微信摇一摇功能,代码如下:

Page({    onShow: function () {        wx.onAccelerometerChange(function (e) {            console.log(e.x)            console.log(e.y)            console.log(e.z)            if (e.x  1 && e.y  1) {                wx.showToast({                    title: '摇一摇成功',                    icon: 'success',                    duration: 2000                })            }        })    },    onHide: function(){            }})

但如果小程序需要启用tabbar的话,这样启用重力感应API会使tabbar下面所有页面都会监听到重力感应数据,导致模拟摇一摇在所有页面都能出现摇一摇的结果,这并不是我们想要的,我们只是想在tabbar下其中一个页面允许他获取到重力感应数据,那么就需要我们自己加入一个是否在当前页面的判断,根据判断结果来启用监听重力感应API,代码修改如下:

Page({    isShow: false,    onShow: function () {        var that = this;        this.isShow = true;        wx.onAccelerometerChange(function (e) {            if(!that.isShow){                return            }            console.log(e.x)            console.log(e.y)            console.log(e.z)            if (e.x  1 && e.y  1) {                wx.showToast({                    title: '摇一摇成功',                    icon: 'success',                    duration: 2000                })            }        })    },    onHide: function(){        this.isShow = false;    }})

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎