위챗 미니 프로그램에서 흔들기 기능을 구현하는 방법 소개

WeChat 애플릿은 흔들기 API 인터페이스를 제공하지 않지만 중력 감지 API를 제공합니다. 다음으로 이 방법을 사용하여 WeChat 흔들기 기능을 시뮬레이션할 수 있습니다. 구체적인 구현 코드는 이 기사를 참조하세요

WeChat 애플릿 흔들림 API 인터페이스는 제공하지 않지만 중력 감지 API "wx.onAccelerometerChange(CALLBACK)"를 제공합니다. 이 방법을 사용하여 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(){
  }
})

그러나 만약 미니 프로그램은 탭바를 활성화해야 하며, 중력 감지 API를 활성화하면 탭바 아래의 모든 페이지가 중력 감지 데이터를 모니터링하여 시뮬레이션된 흔들림이 모든 페이지에서 흔들림 결과를 생성하도록 합니다. 탭바 아래의 페이지 중 하나에서 중력 감지 데이터를 얻을 수 있도록 하기 위해 현재 페이지에 있는지 여부에 대한 판단을 추가하고, 판단 결과에 따라 중력 감지 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;
  }
})

수정 후 미리보기를 다시 컴파일하여 원하는 효과를 얻으세요.

요약

위 내용은 위챗 미니 프로그램에서 흔들기 기능을 구현하는 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!