Introduction à la méthode d'implémentation de la fonction shake dans le mini programme WeChat

L'applet WeChat ne fournit pas d'interface API de tremblement, mais elle fournit une API de détection de gravité. Ensuite, nous pouvons utiliser cette méthode pour simuler la fonction de tremblement de WeChat. Pour le code d'implémentation spécifique, veuillez vous référer à cet article

.

L'applet WeChat ne fournit pas d'interface API de tremblement, mais elle fournit une API de détection de gravité "wx.onAccelerometerChange(CALLBACK)". Nous pouvons utiliser cette méthode pour simuler la fonction de tremblement de WeChat. >

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

Mais si le mini-programme doit activer la barre d'onglets, l'activation de l'API de détection de gravité entraînera toutes les pages sous la barre d'onglets à surveiller les données de détection de gravité, ce qui entraînera la simulation à secouer sur tout Le résultat de la secousse peut apparaître sur la page. Ce n'est pas ce que nous voulons. Nous voulons simplement permettre à l'une des pages sous la barre d'onglets d'obtenir les données de détection de gravité. Ensuite, nous devons ajouter un jugement pour savoir si c'est le cas. sur la page actuelle. Selon Déterminer le résultat pour activer la surveillance de l'API de détection de gravité. Modifiez le code comme suit :

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

Après modification, recompilez l'aperçu pour. obtenir l'effet souhaité.

Résumé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!