初

希望能写一些简单的教程和案例分享给需要的人

鸿蒙可穿戴开发

环境与设备

系统：window
设备：HUAWEI WATCH 3 Pro New
开发工具：DevEco Studio 3.0.0.800

方向传感器

方向传感器是一种用于检测设备在三维空间中的姿态、方向和旋转角度等信息的传感器。它通常用于移动设备（如智能手机、平板电脑、游戏手柄等）和虚拟现实（VR）/增强现实（AR）设备中，用于实现屏幕方向自适应、游戏控制、姿态识别、导航和位置定位等应用。

在手表中没有成功获取到具体数值，可能是传感器不支持，不过还需要多多尝试。

鸿蒙开发

文件夹：

entry:项目文件夹
js：前端文件夹
pages:页面文件夹
index:首页文件夹

文件

index.css:首页样式
index.hml:首页
index.js:首页脚本
config.json:配置文件

新增展示的文本标记

代码如下：

index.hml

<div class="container"><text class="title">姿态方向 ：{{ alpha }} °</text><text class="title">方向俯仰 ：{{ beta }} °</text><text class="title">方向旋转 ：{{ gamma }} °</text>
</div>

index.css

.container {flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;
}.title {font-size: 40px;color: #000000;opacity: 0.9;
}@media screen and (device-type: wearable) {.title {font-size: 15px;color: #FFFFFF;}
}

index.js

导入功能包：system.sensor
import sensor from ‘@system.sensor’;

import sensor from '@system.sensor';export default {data: {alpha: "",beta: "",gamma: ""},onInit() {let currJS = this;sensor.subscribeDeviceOrientation({success: function (data) {console.info('dao::接收到设备方向传感器数据:' + JSON.stringify(data));currJS.alpha = data.alpha;currJS.beta = data.beta;currJS.gamma = data.gamma;},fail: function (data, code) {console.info('dao::设备方向传感器报错 failed. Code: ' + code + '; Data: ' + data);},});}
}

{“alpha”:0,“beta”:0,“gamma”:0} 是一个包含三个属性的 JSON 对象，通常用于表示设备方向传感器数据。其中，alpha、beta 和 gamma 是三个角度值，分别代表设备的姿态、方向和旋转角度，具体含义如下：

1. alpha：表示设备的姿态（方向）角度，单位为度（°），范围为0到360度。它通常用于表示设备围绕垂直于屏幕的轴旋转的角度，例如设备的偏航角（yaw）。
2. beta：表示设备的方向（俯仰）角度，单位为度（°），范围为-90到90度。它通常用于表示设备围绕屏幕的水平轴旋转的角度，例如设备的俯仰角（pitch）。
3. gamma：表示设备的旋转角度，单位为度（°），范围为-180到180度。它通常用于表示设备围绕屏幕的垂直轴旋转的角度，例如设备的滚转角（roll）。

这三个角度值通常一起使用，可以通过监听设备方向传感器数据的更新，获取设备在三维空间中的姿态、方向和旋转角度等信息，从而实现一些基于设备方向的功能，如屏幕方向自适应、游戏控制、虚拟现实（VR）和增强现实（AR）等应用。

需要 demo（代码） 的留下邮箱，或者留言提需要什么样的 demo