全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[seo的几家公司]微信小程序中实现摇一摇功能的方法介绍

  微信小程序并没有提供摇一摇API接口=▼•●,但是提供了一个重力感应的API,接下来我们可以用这个方法来模拟微信摇一摇功能▼★,具体实现代码○★■,大家参考下本文

  微信小程序并没有提供摇一摇API接口▲□,但是提供了一个重力感应的API 「wx◆▲•.onAccelerometerChange(CALLBACK)」,我们可以用这个方法来模拟微信摇一摇功能,代码如下◁-□△:

  


 

  

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

 

  但如果小程序需要启用tabbar的话◁○◆,这样启用重力感应API会使tabbar下面所有页面都会监听到重力感应数据,淄博市小程序开发哪家好导致模拟摇一摇在所有页面都能出现摇一摇的结果○■○,武安市小程序开发哪家好[嘉兴市seo公司]html中的空格代码是什么。这并不是我们想要的,我们只是想在tabbar下其中一个页面允许他获取到重力感应数据,那么就需要我们自己加入一个是否在当前页面的判断◇■▲•,根据判断结果来启用监听重力感应API,[seo的几家公司]代码修改如下:

  


 

  

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

 

  修改以后重新编译预览就达到我们想要的效果了•…。

  总结

  以上就是微信小程序中实现摇一摇功能的方法介绍的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[seo的几家公司]微信小程序中实现摇一摇功能的方法介绍

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。