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

黄舟
Freigeben: 2017-09-13 09:50:44
Original
4516 Leute haben es durchsucht

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(){
  }
})
Nach dem Login kopieren

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;
  }
})
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage