swan.onDeviceMotionChange

基础库 3.30.2 开始支持,低版本需做兼容处理。在工具和真机中的实现有区别,详见API 实现差异

解释:监听设备方向变化事件。频率根据 swan.startDeviceMotionListening() 的 interval 参数。可以使用 swan.stopDeviceMotionListening() 停止监听。

方法参数

Function callback

callback 返回参数说明

属性名类型必填默认值说明

alpha

Number

当手机坐标 X/Y 和 地球 X/Y 重合时,绕着 Z 轴转动的夹角为 alpha,范围值为 [0, 2PI)。逆时针转动为正

beta

Number

当手机坐标 Y/Z 和地球 Y/Z 重合时,绕着 X 轴转动的夹角为 beta。范围值为 [-1PI, PI) 。顶部朝着地球表面转动为正。也有可能朝着用户为正

gamma

Number

当手机 X/Z 和地球 X/Z 重合时,绕着 Y 轴转动的夹角为 gamma。范围值为 [-1*PI/2, PI/2)。右边朝着地球表面转动为正

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

图片示例

swan.onDeviceMotionChange - 图2

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2. <view class="card-area">
  3. <view class="list-area border-bottom" s-for="item in infoList">
  4. <text class="list-item-key-4">{{item.chineseName}}</text>
  5. <text class="list-item-value">{{item.value}}</text>
  6. </view>
  7. <view class="button-group">
  8. <button bind:tap="stopDeviceMotionListening" disabled="{{!disabled}}" type="primary" hover-stop-propagation="true">停止监听</button>
  9. <button bind:tap="startDeviceMotionListening" disabled="{{disabled}}" type="primary" hover-stop-propagation="true">开始监听</button>
  10. </view>
  11. </view>
  12. </view>