华为HarmonyOS鸿蒙智能手表开发和设计需要知道的
华为HarmonyOS智能手表分为两类:(1)智能穿戴(2)轻量级智能穿戴
- 智能穿戴产品目前只有:HUAWEI WATCH 3。
- 其他都是轻量级智能穿戴,如HUAWEI WATCH GT 2 Pro,HUAWEI WATCH GT 3。
本文仅针对智能穿戴设备(如HAWEI WATCH 3):轻量级智能穿戴可以实现的功能比智能穿戴少,尤其是轻量级智能穿戴不具有发送网络请求获取数据的能力。
本文是基于JavaScript的智能手表开发指导,开发时尽量选择6及以上的SDK版本。
智能穿戴设计指南:
文档中心https://developer.harmonyos.com/cn/docs/design/des-guides/design-principles-0000001052899763智能穿戴开发JS API参考:
文档中心https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-versions-0000001185761140
一. 智能穿戴尺寸
智能穿戴的基准宽度为454px(px为逻辑像素,非物理像素),实际显示效果会根据实际屏幕宽度进行缩放。
换算关系:组件的width设为100px时,在宽度为454物理像素的屏幕上,实际显示为100物理像素;在宽度为908物理像素的屏幕上,实际显示为200物理像素。
智能穿戴设计常用尺寸:
(1)常用文字大小
(2)图标大小
(3)间距大小
二. 智能穿戴组件
1. 智能穿戴常用组件
(1) input 组件
交互式组件,包括单选框,多选框,按钮。
Note:智能穿戴仅支Input类型设置为button、radio、checkbox。
(2) swiper组件
滑动容器,提供切换子组件显示的能力。
Note:swiper组件支持除<list>之外的子组件。
(3)list组件
列表包含一系列相同宽度的列表项。适合连续、多行呈现同类数据,例如图片和文本。
(4)progress组件
进度条,用于显示内容加载或操作处理进度。
(5)image-animator组件
图片帧动画播放器。
2. 智能穿戴常用的选择组件
(1) picker-view组件
嵌入页面的滑动选择器,不支持子组件。
(2) slider组件
滑动条组件,用来快速调节设置值,如音量、亮度等。
(3)switch组件
开关选择器,通过开关,开启或关闭某个功能。
3. 智能穿戴不支持的组件
(1) 智能穿戴不支持的容器组件
- badge:应用中如果有需用户关注的新事件提醒,可以采用新事件标记来标识。
- panel:可滑动面板。提供一种轻量的内容展示的窗口,可方便的在不同尺寸中切换。属于弹出式组件。
- popup:气泡指示。在点击绑定的控件后会弹出相应的气泡提示来引导用户进行操作。
- stepper:步骤导航器。当完成一个任务需要多个步骤时,可以使用步骤导航器展示当前进展。
- stepper-item:步骤导航器子组件,作为步骤导航器某一个步骤的内容展示组件。
- tabs:tab页签容器。
- tab-bar:<tabs>的子组件,用来展示tab的标签区,子组件排列方式为横向排列。
- tab-content:<tabs>的子组件,用来展示tab的内容区,高度默认充满tabs剩余空间,子组件排列方式为横向排列,当作为容器组件的子元素时在主轴方向需要设置tab-content的确定长度,否则无法显示。
(2)智能穿戴不支持的基础组件
- menu:提供菜单组件,作为临时性弹出窗口,用于展示用户可执行的操作。
- option:当作为<menu>的子组件时用来展示弹出菜单的具体项目。
- select:下拉选择按钮,可让用户在多个选项之间选择。
- option: 当作为<select>的子组件时用来展示下拉选择的具体项目。
- picker:滑动选择器组件,类型支持普通选择器、日期选择器、时间选择器、时间日期选择器和多列文本选择器。
- rating:评分条,表示用户使用感受的衡量标准条。
- toggle:状态按钮用于从一组选项中进行选择,并可能在界面上实时显示选择后的结果。通常这一组选项都是由状态按钮构成。
- search:搜索框组件,用于提供用户搜索内容的输入区域。
- piece:一种块状的入口,可包含图片和文本。常用于展示收件人,例如:邮件收件人或信息收件人。
- richtext:富文本组件,用于展示富文本信息。
- textarea:多行文本输入的文本框。
- toolbar:工具栏。放在界面底部,用于展示针对当前界面的操作选项。
- toolbar-item:工具栏子组件。作为工具栏组件的子组件,用于展示工具栏上的一个操作选项。
- web:展示网页内容的组件。
(3)智能穿戴不支持的媒体组件
- camera:照相机组件,提供预览、拍照功能。
- video:视频播放组件。
(4)智能穿戴不支持栅格组件
栅格布局效果,通过栅格系统进行元素布局,主要包括<grid-container><grid-row><grid-col>栅格容器组件。
三. 智能穿戴常用接口
1. 网络数据请求
通过网络获取数据。
Note:支持RestFul风格的OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE请求。
2. 页面路由
页面的跳转、页面之间参数的传递。
3. 弹窗
4. 定时器
5. 日志打印
6. 公共事件和通知
7. 数据存储
8. 通信与连接:蓝牙、WLAN、NFC
9. 振动
四. 智能穿戴支持的传感器
传感器需要对应硬件支持,仅支持真机调试。
1. 加速度数据变化:sensor.subscribeAccelerometer
2. 计步传感器数据变化:sensor.subscribeStepCounter
3. 心率传感器数据变化:sensor.subscribeHeartRate
4. 设备佩戴状态:sensor.subscribeOnBodyState
5. 设备方向传感器数据变化:sensor.subscribeDeviceOrientation
6. 陀螺仪数据变化:sensor.subscribeGyroscope
7. 罗盘数据变化:sensor.subscribeCompass
8. 环境光线感应数据变化:sensor.subscribeLight
9. 气压传感器数据变化:sensor.subscribeBarometer
10. 重力传感器数据变化 (BETA)7+:sensor.subscribeGravity
11. 磁力计数据变化 (BETA)7+:sensor.subscribeMagnetic
五. 官方教程
智能穿戴Java开发指南:
文档中心https://developer.harmonyos.com/cn/docs/documentation/doc-guides/wearable-overview-0000001052065839鸿蒙智能穿戴模拟器Demo集锦:
华为开发者论坛https://developer.huawei.com/consumer/cn/forum/topic/0202378391914140227?fid=0101587866109860105
张荣超 - HarmonyOS App项目实战(智能手表篇):
华为开发者学堂-面向开发者学习、认证和职业发展的人才生态平台https://developer.huawei.com/consumer/cn/training/course/video/101612430951144217如何在华为智能穿戴上开发分布式出行应用:
华为开发者学堂-面向开发者学习、认证和职业发展的人才生态平台华为开发者学堂https://developer.huawei.com/consumer/cn/training/course/video/101614752386726021如何在华为智能穿戴上开发一款数字小游戏:
华为开发者学堂-面向开发者学习、认证和职业发展的人才生态平台华为开发者学堂https://developer.huawei.com/consumer/cn/training/course/video/101612949244533214如何在华为智能穿戴上开发分布式影音应用:
华为开发者学堂-面向开发者学习、认证和职业发展的人才生态平台华为开发者学堂https://developer.huawei.com/consumer/cn/training/course/video/101619764296195064
华为HarmonyOS鸿蒙智能手表开发和设计需要知道的相关推荐
- 华为HarmonyOS鸿蒙系统介绍,华为鸿蒙OS系统怎么样 华为HarmonyOS鸿蒙系统介绍
华为鸿蒙OS系统怎么样?华为在8月9日的2019华为开发者大会上正式发布了华为HarmonyOS鸿蒙系统,大家知道这个系统具体是用在哪些产品上的吗?有哪些功能呢?能兼容别的系统吗?下面小编为大家带来了 ...
- 2021最新HarmonyOS鸿蒙系统应用开发之基础入门教程到实战—持续更新(第三节:鸿蒙的技术特征)
第三节:鸿蒙的技术特征 每篇内容都有视频讲解,可直接点击观看+关注,持续更新中 2021最新HarmonyOS鸿蒙系统应用开发之基础入门教程到实战-持续更新(第二节:鸿蒙OS系统分布式操作) 硬件互助 ...
- 2021最新HarmonyOS鸿蒙系统应用开发之基础入门教程到实战—持续更新(第二节:鸿蒙OS系统分布式操作)
老罗带你了解鸿蒙,专注于移动端领域技术的研发和推广,助力鸿蒙在国内技术推广和普及. 每篇内容都有视频讲解,可直接点击观看+关注,持续更新中 2021最新HarmonyOS鸿蒙系统应用开发之基础入门教程 ...
- 苹果android wear教程,Android Wear/Apple Watch/WatchKit智能手表开发入门教程
Android Wear/DuWear/TicWear/TOS/YunOS For Wear Apple Watch/Watch OS/WatchKit 智能手表开发者服务平台OpenWatch SD ...
- Huawei/华为WATCH GT2e智能手表,包邮免费送!
大家好,我是乔哥,最近有粉丝留言让我多搞些抽奖活动,为了感谢大家对本公众号的大力支持本次联合了10个号主,送Huawei/华为WATCH GT2e智能手表,支持运动蓝牙, 定位等等哦,希望本次抽奖可以 ...
- java系统智能手表_java_智能手表开发API接口,随着移动技术的发展,许多传 - phpStudy...
智能手表开发API接口 随着移动技术的发展,许多传统的电子产品也开始增加移动方面的功能,比如过去只能用来看时间的手表,现今也可以通过智能手机或家庭网络与互联网相连,显示来电信息.邮件.照片.新闻.天气 ...
- 华为设置android系统提醒功能,华为Watch GT智能手表怎么设置消息提醒功能
华为最近上线发售了一款智能手表-Watch GT,这款产品可能是很多粉丝期待已久的了.而很多用户订购之后回去可能有些问题不会使用,比如怎么设置华为Watch GT的消息提醒功能.接下来小编给大家带来相 ...
- 智能手表开发API接口
随着移动技术的发展,许多传统的电子产品也开始增加移动方面的功能,比如过去只能用来看时间的手表,现今也可以通过智能手机或家庭网络与互联网相连,显示来电信息.邮件.照片.新闻.天气信息等内容.而各大科技巨 ...
- Android指针手表,既有屏幕又有指针的智能手表,这设计有一套
[不满格评测·原创]说到爱国者,这可是实打实的老牌子,我们身边有太多爱国者的东西了,比如音频播放器.电脑外设.数码周边.办公数码.教育数码,等等等等~可以说,爱国者已经把产品覆盖到了我们生活的方方面面 ...
最新文章
- STARTTLS在电子邮件环境中的安全性分析
- nyoj 211 (Floyd算法求传递闭包)
- joc杂志影响因子2019_边缘计算 | SCI期刊JoCCASA诚邀专刊稿件
- SAP Commerce Cloud 项目 Spartacus 入门
- 在SAP WebClient UI里使用AJAX进行异步数据读取
- [Swift]LeetCode682. 棒球比赛 | Baseball Game
- php配置文件加载顺序,php extension 加载顺序问题
- asp连oracle测试,ASP连接Oracle
- 【数学模型】基于Matlab实现洪水调度运算
- (附源码)计算机毕业设计java宠物领养饲养交流管理平台
- 【VB6】如何用纯VB代码写个五子棋程序?(一)
- 在计算机里看不到硬盘的信息,检测不到硬盘,详细教您系统里找不到硬盘该怎么办...
- 【python--爬虫】千图网高清背景图片爬虫
- 软件工程研究生在读一年总结
- 体育赛事直播系统的实践之路
- java实现二叉树广度优先遍历_二叉树之深度优先和广度优先遍历(Java)
- 判断系统是centos还是ubuntu的linux命令
- jdk_8u201_x64下载直链
- 我的世界游戏动态壁纸
- 最新五合一收款码在线生成网站源码修改版
热门文章
- Andrino笔记(一):准备工作+认识Andrino
- 穷忙族们如何做好自己的职业规划?
- tomcat 配置 quercus记录:php使用连接池访问数据库
- unity游戏录屏---shareREC
- adb命令截屏和录屏
- js怎么调用ios的方法(原网址:https://www.jianshu.com/p/ce5e8c2f6d2e或者https://tech.youzan.com/jsbridge/)
- android项目实战课程扣丁音乐已杀青预计本月上线
- CI/CD的常用工具及原理
- 指针-老生常谈 又是 常谈常新的话题
- nginx听课随记杂记