微信小程序并沒有提供搖一搖API接口，但是提供了一個重力感應(yīng)的API 「wx.onAccelerometerChange(CALLBACK)」，我們可以用這個方法來模擬微信搖一搖功能，代碼如下：

創(chuàng)新互聯(lián)專注于施秉企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城系統(tǒng)網(wǎng)站開發(fā)。施秉網(wǎng)站建設(shè)公司,為施秉等地區(qū)提供建站服務(wù)。全流程按需定制開發(fā)，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

總結(jié)

以上所述是小編給大家介紹的微信小程序“搖一搖”的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！

分享題目：微信小程序“搖一搖”的實例代碼
當(dāng)前鏈接：http://aaarwkj.com/article46/peshhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、建站公司、網(wǎng)站制作、外貿(mào)建站、網(wǎng)站導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)