Heim  >  Artikel  >  WeChat-Applet  >  Einführung in die Methode zur Implementierung der Shake-Funktion im WeChat-Miniprogramm

Einführung in die Methode zur Implementierung der Shake-Funktion im WeChat-Miniprogramm

黄舟
黄舟Original
2017-09-13 09:50:444503Durchsuche

Das WeChat-Applet bietet keine Shake-API-Schnittstelle, aber eine API zur Schwerkrafterkennung. Als nächstes können wir diese Methode verwenden, um die WeChat-Shake-Funktion zu simulieren. Den spezifischen Implementierungscode finden Sie in diesem Artikel.

Das WeChat-Applet bietet keine Shake-API-Schnittstelle, aber eine Schwerkrafterkennungs-API „wx.onAccelerometerChange(CALLBACK)“. Mit dieser Methode können wir die WeChat-Shake-Funktion simulieren:


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(){
  }
})

Aber wenn das Miniprogramm die Tableiste aktivieren muss, führt die Aktivierung der Schwerkrafterfassungs-API dazu, dass alle Seiten unter der Tableiste die Schwerkrafterfassungsdaten überwachen, was die Simulation veranlasst schütteln auf allen Das Ergebnis des Schüttelns kann auf der Seite angezeigt werden. Dies ist nicht das, was wir wollen. Wir möchten lediglich, dass eine der Seiten unter der Tableiste die Daten zur Schwerkrafterfassung erhält auf der aktuellen Seite. Bestimmen Sie das Ergebnis, um die Überwachung der Schwerkrafterfassungs-API zu ermöglichen. Ändern Sie den Code wie folgt:


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;
  }
})

Kompilieren Sie nach der Änderung die Vorschau erneut den gewünschten Effekt erzielen.

Zusammenfassung

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zur Implementierung der Shake-Funktion im WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn