华为手表开发：WATCH 3 Pro（14）传感器订阅陀螺仪

华为手表开发：WATCH 3 Pro（14）传感器订阅陀螺仪

• 初
• 环境与设备

• 传感器介绍与说明

• 鸿蒙开发

• 文件夹：
• 文件

• 重点

• 新增展示的文本标记

• index.hml
• index.css
• index.js

• 结果

初

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

鸿蒙可穿戴开发

环境与设备

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

传感器介绍与说明

手表上的陀螺仪通常是一种用于检测和测量手表在三维空间中旋转和方向变化的传感器。它可以感知手表的角速度和角度，并将这些信息转换成数字信号，供手表的计算单元使用。

手表上的陀螺仪通常使用微电机和微机械系统（MEMS）技术制造而成。它通常包含一个微小的振动结构，当手表旋转或移动时，振动结构会因为科里奥利力的作用而发生微小的偏转。通过测量这些振动结构的偏转，陀螺仪可以计算出手表的角速度和角度。

鸿蒙开发

文件夹：

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

文件

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

重点

获取陀螺仪传感器，需要权限，这个必须注意：都在 config.json 增加

权限的代码：

"reqPermissions": [
      {
        "reason": "陀螺仪传感器",
        "name": "ohos.permission.GYROSCOPE"
      }
    ],

如果没加就会获取不到 ,所以一定一定要加上。

新增展示的文本标记

代码如下：

index.hml

<div class="container">
    <text class="title">
        陀螺仪 X ：{{ gyroscope_x }}
    </text>
    <text class="title">
        陀螺仪 Y ：{{ gyroscope_y }}
    </text>
    <text class="title">
        陀螺仪 Z ：{{ gyroscope_z }}
    </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: {
        gyroscope_x: "",
        gyroscope_y: "",
        gyroscope_z: ""
    },
    onInit() {
        let currJS = this;
        sensor.subscribeGyroscope({
            success: function (data) {
                console.info('dao::接收到陀螺仪传感器数据:' + JSON.stringify(data));
                currJS.gyroscope_x = data.x;
                currJS.gyroscope_y = data.y;
                currJS.gyroscope_z = data.z;
            },
            fail: function (data, code) {
                console.info('dao::陀螺仪报错 failed. Code: ' + code + '; Data: ' + data);
            },
        });
    }
}

结果

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