Heim > Artikel > WeChat-Applet > Einführung in die Methode zur Implementierung der Shake-Funktion im WeChat-Miniprogramm
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!