Theme Studio简介

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

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

硬件要求

软件要求

需要的知识点

通过Theme Studio制作华为表盘。

开发要点

  1. 将表盘拆解成不同的元素,包括:背景视频、时针、分针、秒针、星期、月份、日期、天气。
  2. 在表盘工具上选择相应的控件来实现对应的元素展示。

开发步骤

步骤一:新建表盘

  1. 打开Theme Studio开发工具软件。
  2. 选择Watch Face。
  3. 点击【+】。
  4. 选择手表类型【智能手表】。
  5. 手表分辨率【 466 *466】。
  6. 输入【表盘英文名】。
  7. 输入更多设置:表盘中文名、开发者、设计师和简介。

步骤二:添加表盘背景图

  1. 重要说明:选择【否】。

  2. 选择【背景】→【视频】。
  3. 选【添加视频】,导入实现准备的视频背景素材。
  4. 点击【播放】预览导入视频。(资源包:A100_079.mp4)。

步骤三:添加指针

  1. 点击【时间】,选择【指针】。
  2. 数值类型选择【时钟比例12】。
  3. 在添加指针处点击【+】,导入时针切图(资源包:A100_002.png),并修改指针中心(233,233);角度(0,360);旋转中心点(17,104)。
  4. 再次点击【时间】,选择【指针】,选择【分钟比例】,在添加指针处点击【+】导入分针切图(资源包:A100_003.png)。修改指针中心(233,233);角度(0,360);旋转中心点(17,196)。
  5. 再次点击【时间】,选择【指针】,选择【秒针比例】,在添加指针处点击【+】,导入秒针切图(资源包:A100_004.png)。修改指针中心(233,233);角度(0,360);旋转中心点(4,165)。
  6. 点击【时间】→选择【单图】→在添加单图中点击【+】,导入切图(资源包:A100_005.png)。位置(215,215)。

步骤四:添加天气和气温显示

  1. 点击【控件】→选【选图】→数值类型【天气类型】。
  2. 批量添加天气切图(资源包:A100_036.png-A100_063.png),位置(34,0)。
  3. 修改容器位置,在图层取点击【容器1】,位置修改(180,56),大小不变。
  4. 点击【控件】→选【文本】→数值类型【气温】。位置(0,39);大小(宽50);对齐(右对齐);字体(推荐Roboto-Medium);字号(20);颜色(#FFFFFF);透明度(100%)。
  5. 点击【控件】→选【选图】→数值类型【温度类型】。添加选图(资源包:A100_077.png- A100_078.png);位置(57,43)。

步骤五:添加星期和日期的显示

  1. 点击【日期】→选则【选图】
  2. 数值类型选择【星期数据】。
  3. 添加选图点击【+】批量导入星期资源切图(资源包:A100_006.png- A100_012.png);位置(205,343)
  4. 点击【控件】→点击【选图】,数值类型选择月,添加选图点击【+】批量导入月份切图(资源包:A100_013.png-A100_024.png);位置(193,375)。
  5. 点击【控件】→点击【选图】,数值类型选择【日期高位】,添加选图点击【+】批量导入切图(资源包:A100_026.png-A100_029.png);位置(238,375)。
  6. 点击【控件】→点击【选图】,数值类型选择【日期底位】,添加选图点击【+】批量导入切图(资源包:A100_026.png-A100_035.png);位置(254,375)。
  7. 点击【控件】→点击【单图】,添加选图点击【+】导入切图(资源包:A100_025.png);位置(226,375)。

步骤六:制预览视频

  1. 点击【录制】图标。
  2. 点击【开始】录制表盘预览图,请先选择保存视频的路径。
    注意:为保证录制视频质量,录制中请将鼠标移出录制窗口外,录制过程的几秒内请不要做任何操作。

步骤七:制作半亮模式表盘

  1. 点击【半亮模式】。
  2. 点击【背景】→点击【单图】,添加单图点击【+】导入背景资源切图(资源包:A100_081.png),位置不变。
  3. 点击【复制全量图层】
  4. 勾选【指针-时钟比例12】、【指针-分针比例】和【单图-4】,点击确定即可。

步骤八:生成预览图

  1. 点击【全量模式】→点击【预览】→【截屏生成展示图】。

步骤九:导出表盘文件

  1. 点击【导出】,将表盘文件导出。
  2. 导出时需注意预览图是否截屏完整。
  3. 导出的文件中,.hwt后缀的文件就是最终的表盘资源包。

步骤十:上表测试效果

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