微信小程序并沒有提供搖一搖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下面所有頁面都會監(jiān)聽到重力感應數(shù)據(jù)，導致模擬搖一搖在所有頁面都能出現(xiàn)搖一搖的結果，這并不是我們想要的，我們只是想在tabbar下其中一個頁面允許他獲取到重力感應數(shù)據(jù)，那么就需要我們自己加入一個是否在當前頁面的判斷，根據(jù)判斷結果來啟用監(jiān)聽重力感應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;  }})

修改以后重新編譯預覽就達到我們想要的效果了。

總結

以上所述是小編給大家介紹的微信小程序“搖一搖”的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！