华为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组件支持除之外的子组件。

（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：的子组件，用来展示tab的标签区，子组件排列方式为横向排列。
- tab-content：的子组件，用来展示tab的内容区，高度默认充满tabs剩余空间，子组件排列方式为横向排列，当作为容器组件的子元素时在主轴方向需要设置tab-content的确定长度，否则无法显示。

（2）智能穿戴不支持的基础组件

menu：提供菜单组件，作为临时性弹出窗口，用于展示用户可执行的操作。
- option：当作为的子组件时用来展示弹出菜单的具体项目。
select：下拉选择按钮，可让用户在多个选项之间选择。
- option：当作为