Last Updated: 2020-07-28

简介

华为表盘开发工具随着手表的更新迭代,不断增加新功能,且华为表盘工具覆盖了多个手表、手环产品的表盘开发,满足了设计师的设计需求,能为用户提供更加丰富和有趣的表盘样式。
华为主题表盘开发工具是华为自主研发的编辑工具。主题设计师在完成表盘的设计和相关切图后可使用该工具快速完成表盘的编辑和输出,其特点如下:

你将通过华为表盘开发工具制作一款美观且有趣的表盘,应用之后将彻底改变你的手表表盘样式。

开发要点:

1、将表盘拆解成不同的元素,包括:背景图、小时、分钟、星期、日期
2、在表盘工具上选择相应的控件来实现对应的元素展示

新建表盘

1、双击打开表盘开发工具软件
2、点击【文件】-【新建】,打开新建工程
3、选择设备类型,及具体系列名称
3、手表分辨率,选择454 *454
4、填写工程名和存储路径

填写表盘信息

1、主题英文名,中文名,开发者名称,设计师名称四项在主题上线后均不可修改
2、设计师名称与设计师的开发者联盟账户绑定
3、版本号:表盘版本号,建议初始版本号为1
4、表盘效果图:3张,用于在APP的表盘市场和手表上展示:
cover.jpg,960 * 960:用于表盘市场展示表盘的效果图
icon_small.jpg,390 * 390:用于点击表盘后的表盘详情页展示
A100_001.png250 * 250:用于在手表上展示的效果图
5、表盘简介:表盘描述信息

添加表盘背景图

1、从控件栏选择控件"单图",拖拽到左侧的表盘控件区
2、从文件夹"数字表盘素材"中选择"A100_029.png"作为表盘背景
3、在右侧的控件参数编辑区,设置背景图位置(图片左上角坐标)为(0,0)

添加小时的高位显示

1、从控件栏选择控件"选图",拖拽到左侧的表盘控件区
2、设置图片位置(图片左上角坐标)为(106,72)
3、设置数据类型为:时钟高位
4、从资源库中依次添加图片资源:A100_002.png、A100_003.png、A100_004.png、A100_005.png、A100_006.png、A100_007.png、A100_008.png、A100_009.png、A100_010.png、A100_011.png(表盘根据时钟高位的枚举值,动态显示对应的图片)

添加小时的低位显示

1、从控件栏选择控件"选图",拖拽到左侧的表盘控件区
2、设置图片位置(图片左上角坐标)为(216,72)
3、设置数据来源为:时钟低位
4、从资源库中依次添加图片资源:A100_002.png、A100_003.png、A100_004.png、A100_005.png、A100_006.png、A100_007.png、A100_008.png、A100_009.png、A100_010.png、A100_011.png(表盘根据时钟低位的枚举值,动态显示对应的图片)

添加分钟的高位显示

1、从控件栏选择控件"选图",拖拽到左侧的表盘控件区
2、设置图片位置(图片左上角坐标)为(106,213)
3、设置数据类型为:分钟高位
4、从资源库中依次添加图片资源:A100_012.png、A100_013.png、A100_014.png、A100_015.png、A100_016.png、A100_017.png、A100_018.png、A100_019.png、A100_020.png、A100_021.png(表盘根据分钟高位的枚举值,动态显示对应的图片)

添加分钟的低位显示

1、从控件栏选择控件"选图",拖拽到左侧的表盘控件区
2、设置图片位置(图片左上角坐标)为(216,213)
3、设置数据类型为:分钟低位
4、从资源库中依次添加图片资源:A100_012.png、A100_013.png、A100_014.png、A100_015.png、A100_016.png、A100_017.png、A100_018.png、A100_019.png、A100_020.png、A100_021.png(表盘根据分钟低位的枚举值,动态显示对应的图片)

添加星期的显示

1、从控件栏选择控件"选图",拖拽到左侧的表盘控件区
2、设置图片位置(图片左上角坐标)为(176,389)
3、设置数据类型为:星期数据
4、从资源库中依次添加图片资源:A100_028.png、A100_022.png、A100_023.png、A100_024.png、A100_025.png、A100_026.png、A100_027.png(表盘根据星期数据的枚举值,动态显示对应的图片)

添加日期的显示

1、从控件栏选择控件"动态文本",拖拽到左侧的表盘控件区
2、设置文本位置(图片左上角坐标)为:(239,382)、文本宽度w为:40
3、选择文本字体类型为:RobotoCondensed_26
颜色为白色:RGB为255,255,255,透明度为:255
4、文本对齐方式为:左对齐
5、设置数据类型为:日期

导出表盘文件

点击【文件】-【导出】,将表盘文件导出。
导出的文件中,.hwt后缀的文件就是最终的表盘资源包。

恭喜你!属于你的第一个表盘作品诞生了。

上表测试效果

1、将后缀为 .hwt 的表盘资源包保存到手机中
2、用在《华为开发者联盟》网站上注册的开发者账号登录华为运动健康APP
3、在表盘市场中加载表盘资源包,并安装到手表上
4、在手表上查看表盘效果

已复制代码