百度智能小程序 停止监听加速度数据
swan.stopAccelerometer
解释：停止监听加速度数据。
方法参数
Object object
object 参数说明
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
success | Function | 否 | 接口调用成功的回调函数 | |
fail | Function | 否 | 接口调用失败的回调函数 | |
complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
示例
图片示例
代码示例
<view class="wrap">
<view class="page-top">
<view class="page-top-text">{{title}}</view>
<view class="page-top-line"></view>
</view>
<view class="page-body-canvas">
<image mode="aspectFit" src="https://b.bdstatic.com/searchbox/icms/searchbox/img/gravity.png" class="page-body-ball"></image>
<canvas class="page-body-ball" show="{{true}}" canvas-id="small-ball"></canvas>
</view>
<view class="page-body-xyz">
<text class="page-body-title">X: {{x}}</text>
<text class="page-body-title">Y: {{y}}</text>
<text class="page-body-title">Z: {{z}}</text>
</view>
<view class="page-body-btn">
<view class="middle-btn {{!isWatch ? '' : 'disabled'}}" bind:tap="startWatch">开始监听</view>
<view class="middle-btn {{!isWatch ? 'disabled' : ''}}" bind:tap="stopWatch">停止监听</view >
</view>
</view>Page({
data: {
title: '倾斜手机即可移动下方小球',
isWatch: true,
x: 0,
y: 0,
z: 0
},
onReady() {
this.position = {
x: 151,
y: 151,
vx: 0,
vy: 0,
ax: 0,
ay: 0
};
swan.onAccelerometerChange(res => {
this.setData({
x: res.x.toFixed(2),
y: res.y.toFixed(2),
z: res.z.toFixed(2)
});
this.position.ax = Math.sin(res.x * Math.PI / 2);
this.position.ay = -Math.sin(res.y * Math.PI / 2);
});
this.interval = setInterval(() => {
this.drawSmallBall();
}, 20);
},
onShow() {
let isWatch = this.data.isWatch;
isWatch
? swan.startAccelerometer()
: swan.stopAccelerometer();
},
drawSmallBall() {
let p = this.position;
p.x = p.x + p.vx;
p.y = p.y + p.vy;
p.vx = p.vx + p.ax;
p.vy = p.vy + p.ay;
if (Math.sqrt(Math.pow(Math.abs(p.x) - 151, 2) + Math.pow(Math.abs(p.y) - 151, 2)) >= 115) {
if (p.x > 151 && p.vx > 0) {
p.vx = 0;
}
if (p.x < 151 && p.vx < 0) {
p.vx = 0;
}
if (p.y > 151 && p.vy > 0) {
p.vy = 0;
}
if (p.y < 151 && p.vy < 0) {
p.vy = 0;
}
}
let stx = this.createCanvasContext('small-ball');
stx.beginPath(0);
stx.arc(p.x, p.y, 15, 0, Math.PI * 2);
stx.setFillStyle('#3388FF');
stx.fill();
stx.draw();
},
startWatch() {
this.setData('isWatch', true);
swan.startAccelerometer();
},
stopWatch() {
this.setData('isWatch', false);
swan.stopAccelerometer();
},
onHide() {
clearInterval(this.interval);
app.globalData.openParams = '';
},
onUnload() {
clearInterval(this.interval);
}
});