华为手表开发：WATCH 3 Pro（20）传感器订阅佩戴状态

news/2024/11/15 7:28:13/

华为手表开发：WATCH 3 Pro（20）传感器订阅佩戴状态

初
环境与设备
- 鸿蒙开发
- - 文件夹：
  - 文件
  - 新增展示的文本标记
  - - index.hml
    - index.css
  - 传感器订阅
  - - index.js

本篇教程将会介绍如何在华为 WATCH 3 Pro 上使用鸿蒙可穿戴开发进行传感器订阅，获取手表的佩戴状态。如果你还不熟悉华为 WATCH 3 Pro 的开发环境和相关设备，请先参考前面的教程进行了解。

初

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

鸿蒙可穿戴开发

环境与设备

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

鸿蒙开发

文件夹：

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

文件

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

新增展示的文本标记

在首页中添加以下代码，用于展示设备的佩戴状态：

在 index.html 文件中添加以下代码，用于展示设备的佩戴状态：

index.hml

<div class="container"><text class="title">设备佩戴 ：{{ OnBodyState }}</text>
</div>

在 index.js 中添加以下代码，用于订阅设备的佩戴状态，并将状态信息展示在页面上：

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: 20px;color: #FFFFFF;}
}

传感器订阅

在 index.js 文件中，我们需要导入 system.sensor 功能包，代码如下：

import sensor from '@system.sensor';

index.js

import sensor from '@system.sensor';export default {data: {OnBodyState: "",},onInit() {let currJS = this;sensor.subscribeOnBodyState({success: function (data) {console.info('dao::订阅设备佩戴状态:' + JSON.stringify(data));if (data.value) {currJS.OnBodyState = "是";} else {currJS.OnBodyState = "否";}},fail: function (data, code) {console.info('dao::订阅设备佩戴状态报错 failed. Code: ' + code + '; Data: ' + data);},});}
}