小程序学习日记-微信7-摇手机抖一抖功能模拟

微信提供的陀螺仪相关方法

提供的方法：

陀螺仪方法：

wx.startGyroscope(Object object)：开启陀螺仪监控
wx.stopGyroscope(Object object)：关闭陀螺仪监控
wx.onGyroscopeChange(function callback)：监听角度变化
wx.offGyroscopeChange(function callback)：关闭角度变化

从字面上理解：提供的是监控陀螺仪变化的能力。

手机震动相关方法：

wx.vibrateShort(Object object)：短时间震动
wx.vibrateLong(Object object)：长时间震动

如何实现抖一抖？

通过陀螺仪数据变化判断用户在摇手机
判定摇手机后触发手机震动

代码关键实现

startTest: function(){wx.startGyroscope({success(res) {console.log('成功启动陀螺仪');var temp={x:'0',y:'0',z:'0'};var count = 0;var time = 0;wx.onGyroscopeChange((e)=>{console.log('x,y,z:'+temp.x+','+temp.y+','+temp.z);console.log('count:'+count);console.log('time:'+time);if(temp == null){temp = e;}if(temp.x-e.x>1.5||e.x-temp.x>1.5){time += 1;}if(temp.y-e.x>1.5||e.y-temp.y>1.5){time += 1;}if(temp.z-e.z>1.5||e.x-temp.z>1.5){time += 1;}count += 1;temp = e;if(count >= 15){if(time >= 10){// 触发震动wx.offGyroscopeChange();wx.stopGyroscope();wx.vibrateLong();}else{console.log('次数不够：'+time);count = 0;time = 0;}}});}});}

小程序学习日记-微信7-摇手机抖一抖功能模拟相关推荐

微信小程序学习日记5
1.小程序运行环境运行环境逻辑层渲染层 iOS JavaScriptCore WKWebView 安卓 V8 chromium定制内核小程序开发者工具 NWJS Chrome WebView ...
微信小程序学习日记7
1.微信小程序双线程模型解析: [1]逻辑层和渲染层分开加载,提供了管控型和安全性 [2]沙盒环境运行JS代码,不允许执行任何和浏览器相关的接口,比如跳转页面.操作DOM等 2.Vue的MVVM和小 ...
微信小程序学习日记6
1.WXML冒泡事件列表解析: [1]touchstart:手指触摸动作开始 [2]touchmove:手指触摸后移动 [3]touchcancel:手指触摸动作被打断,如来电提醒,弹窗 [4]to ...
小程序学习 - 02 微信小程序案例实践
案例实践创建一个页面,展示请求接口获取的数据. 申请接口测试用接口可以使用: 自己开发: 例如使用 Express 模拟接口(Mock API):例如 rap2 第三方接口本例使用和风天气开发 ...
uniapp 微信小程序分享给微信好友与分享到朋友圈功能
微信小程序分享使用方法: onLoad(){wx.showShareMenu({withShareTicket:true,//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点 ...
小程序可不止微信，带你认识百度抖音头条支付宝平台小程序的优势
思域流量.微商城.社交分享,这是应该是你接触小程序听到的第一个关键词吧,其实思域流量仅仅是冰山一角而已,因为以上的关键词顶多是微信小程序的优势,而目前跳动字节下出现了抖音.今日头条也有小程序入口.支付 ...
微信小程序学习日记day1
全局文件的设置 1.新增一个页面当你想新建一个页面时,直接在app.json中加入page字段值,如图,保存后,系统自动创建一个页面 2.主界面设置将主界面文件在app.json中page值放在最 ...
微信小程序学习资源视频书籍免费
搜索微信公众号[程序学习员]关注回复"学习"领取小程序学习资源微信小程序源码:大转盘 https://github.com/JJYYZJY/wechat-turntable 微 ...
小程序版本独立微信社群人脉系统社群空间站源码全开源
介绍: 1.微信社群是一个集发布.展示社群信息.人脉推广的裂变工具/平台. 2.通过人脉广场,将商家信息通过名片进行展示,让资源对接.人脉推广更加便捷高效.为平台带来更多流量,让平台更有价值. 3.行 ...

小程序学习日记-微信7-摇手机抖一抖功能模拟

提供的方法：

如何实现抖一抖？

代码关键实现

小程序学习日记-微信7-摇手机抖一抖功能模拟相关推荐

最新文章

热门文章