手表表盘开发

2023-07-07 15:44| 来源: 网络整理| 查看: 265

Theme Studio简介 Theme Studio是一款智能、高效、可视化的全场景主题/表盘制作工具，简化创作者内容制作，所有页面的修改内容可以实时预览，效果随时可见。让创作者主题/表盘创意设计更加高效便捷。主题工具亮点介绍：关联页面的颜色和图片一处修改，全局自动同步，保证风格统一。实现一键同步正在编辑的主题至手机，在真机上校验主题效果。通过工具自动校验所有资源项目，能够可视化制作出符合规范的主题包。无需手动编码，可视化便捷操作。提供位移、帧动画、旋转、缩放、渐隐等基础动效和水波纹、跟手粒子、多壁纸、充电特效、一镜到底等高级动效。表盘工具亮点介绍： Theme Studio交互界面简洁清晰，表盘各控件均可高效编辑。 Theme Studio所有操作均所见即所得，编辑区可自由设置数值和预览区可自由拖拽，高效且便捷。景深表盘简介

景深表盘上表以后，用户轻晃手表时，通过图层之间的位移和景深，带来手表屏幕内有3D深度的视觉感受。

通过Theme Studio工具，高效、可视化地制作一款美观且有趣的互动景深表盘，应用之后手表表盘将具有3D深度的景深动效。

基于华为主题制作工具Theme Studio制作一款景深表盘。增强对Theme Studio、表盘制作的规范理解和认知，并从表盘的制作中获取乐趣，提升手机主题制作能力。硬件要求笔记本电脑，运行Windows 10或macOS操作系统。华为手机一部（带USB线），用于传输开发好的表盘。软件要求主题/表盘制作工具Theme Studio，请下载最新版本，下载目录为https://developer.huawei.com/consumer/cn/doc/development/Tools-Library/theme_download-0000001050424897 需要的知识点

基于Theme Studio制作景深表盘的能力。

表盘效果

制作要点将表盘拆解成不同的元素，包括：背景、时间、日期、心率、电量、步数等。在Theme Studio工具上选择相应的控件来实现对应的元素展示。为表盘中的图层设置景深效果。制作步骤步骤一：新建表盘制作项目打开Theme Studio工具，选择Watch Face。点击【+】，选择手表类型为【智能手表】，分辨率为【466 *466】，然后输入表盘英文名。点击【确认】后，即可新建一个表盘制作项目。步骤二：制作表盘背景点击【切类型】，取消勾选【轻智能系列】，点击【确定】保存。点击【背景】>【单图】，新建一个单图图层。选中单图图层，然后点击【+】导入表盘背景图（资源路径：表盘实践素材/A100_002.png）。步骤三：制作时间点击【时间】>【选图】，数值类型选择【时钟高位】。然后点击【+】，批量导入0-2的数字切图（资源路径：表盘实践素材/A100_016.png-A100_018.png），并调整其位置为（250,40）。再次点击【时间】>【选图】，数值类型选择【时钟低位】。然后点击【+】，批量导入0-9的数字切图（资源路径：表盘实践素材/时间/A100_016.png- A100_025.png），并调整其位置为（325,40）。再次点击【时间】>【选图】，数值类型选择【分钟高位】。然后点击【+】，批量导入0-5的数字切图（资源路径：表盘实践素材/时间/A100_016.png- A100_021.png），并调整其位置为（250,130）。再次点击【时间】>【选图】，数值类型选择【分钟低位】。然后点击【+】，批量导入0-9的数字切图（资源路径：表盘实践素材/A100_016.png- A100_025.png），并调整其位置为（325,130）。点击【时间】>【单图】。然后点击【+】，导入树叶切图（资源路径：表盘实践素材/ A100_026.png），并调整其位置为（0,-30）。然后打开【景深效果】按钮，设置参数为0.8。步骤四：制作日期点击【日期】>【连接文本】，第一个数值类型选择【月数据】，第2个数值类型选择【日期】，连接属性选择【点.】，并调整其位置为（163,98），大小为宽68。点击【日期】>【文本】，数值类型选择【星期文本】。并调整其位置为（165,132），大小为宽42。步骤五：制作景深图层点击【控件】>【单图】，然后点击【+】，导入老虎切图（资源路径：表盘实践素材/ A100_003.png），并调整其位置为（164,186）。然后打开【景深效果】按钮，设置参数为0.8。新建【单图-1】图层后，同时会新建一个【容器1】图层。调整【容器1】的位置为（0,0），大小为宽466高466。点击【控件】>【单图】，然后点击【+】，导入阴影切图（资源路径：表盘实践素材/ A100_004.png），并调整其位置为（0,0）。点击【控件】>【单图】，然后点击【+】，导入草堆切图（资源路径：表盘实践素材/ A100_005.png），并调整其位置为（251,230）。然后打开【景深效果】按钮，设置参数为0.8。点击【控件】>【单图】，然后点击【+】，导入小草切图（资源路径：表盘实践素材/ A100_006.png），并调整其位置为（326,155）。然后打开【景深效果】按钮，设置参数为1.2。点击【控件】>【单图】，然后点击【+】，导入小白花切图（资源路径：表盘实践素材/ A100_007.png），并调整其位置为（353,266）。然后打开【景深效果】按钮，设置参数为1.2。点击【控件】>【单图】，然后点击【+】，导入小白花切图（资源路径：表盘实践素材/ A100_007.png），并调整其位置为（320,300）。然后打开【景深效果】按钮，设置参数为1.2。点击【控件】>【单图】，然后点击【+】，导入小黄花切图（资源路径：表盘实践素材/ A100_008.png），并调整其位置为（-4,279）。然后打开【景深效果】按钮，设置参数为-1.2。点击【控件】>【单图】，然后点击【+】，导入小草切图（资源路径：表盘实践素材/ A100_009.png），并调整其位置为（-128,197）。然后打开【景深效果】按钮，设置参数为-1.2。点击【控件】>【单图】，然后点击【+】，导入小草切图（资源路径：表盘实践素材/ A100_0010.png），并调整其位置为（-38,274）。然后打开【景深效果】按钮，设置参数为-0.6。点击【控件】>【单图】，然后点击【+】，导入小草切图（资源路径：表盘实践素材/ A100_0011.png），并调整其位置为（76,328）。然后打开【景深效果】按钮，设置参数为-0.6。点击【控件】>【单图】，然后点击【+】，导入小草切图（资源路径：表盘实践素材/ A100_0012.png），并调整其位置为（152,301）。然后打开【景深效果】按钮，设置参数为-0.6。步骤六：制作心率点击【控件】>【单图】。然后点击【+】，导入心率图标（资源路径：表盘实践素材/ A100_0013.png），并调整其位置为（0,0）。新建【单图-1】图层后，同时会新建一个【容器2】图层。调整【容器2】的位置为（66,99），大小为宽100高100。点击【控件】>【文本】，数值类型选择【心率】。然后调整文本的位置为（4,12），大小为宽61、对齐方式为居中对齐。步骤七：制作电量点击【控件】>【单图】。然后点击【+】，导入电量图标（资源路径：表盘实践素材/ A100_0014.png），并调整其位置为（3,6）。新建【单图-1】图层后，同时会新建一个【容器3】图层。调整【容器3】的位置为（47,233），大小为宽88高40。点击【控件】>【连接文本】，第一个数值类型选择【电量】，第二个数值类型选择【无数据】，连接属性选择【百分号%】。然后调整文本的位置为（21,4）、大小为宽71。步骤八：制作步数点击【控件】>【单图】。然后点击【+】，导入步数图标（资源路径：表盘实践素材/ A100_0015.png），并调整其位置为（11,10）。新建【单图-1】图层后，同时会新建一个【容器4】图层。调整【容器4】的位置为（99,284），大小为宽127高42。点击【控件】>【文本】，数值类型选择【步数】。然后调整文本的位置为（31,3）、大小为宽98。步骤九：制作AOD表盘点击【半亮模式】，进入AOD表盘制作页面。点击【复制全亮图层】，勾选时间和日期图层后，点击【确认】，即可将选中的图层复制到AOD表盘中来。步骤十：截图生成预览图点击【全亮模式】，回到全亮表盘制作页面，点击【播放】可预览表盘效果。预览完成后点击【恢复】将表盘上的数据恢复至默认值。然后点击【预览】>【截屏生成展示图】。等待一会后，展示图生成成功。步骤十一：导出表盘资源包点击【导出】，检查预览图无误后，点击【下一步】。工具将自动执行执行亮度校验和AOD像素校验。校验完成后，进入表盘信息填写页面。填写完成后，点击"确认"导出。导出成功后，得到一个后缀为.hwt的表盘资源包文件。步骤十二：上表测试效果将导出的表盘资源包文件保存到手机中（资源包后缀名为.hwt，如demo.hwt，资源包命名不能包含中文，只能包含字符、数字）。在应用市场中，下载安装华为运动健康APP。使用完成创作者资格认证并审核通过的华为帐号登入运动健康APP。登录帐号后，绑定表盘资源包对应的手表。然后进入【设备】-【表盘市场】，点击右上角按钮，选择【添加表盘】，找到已保存到手机的表盘资源包并安装到手表上，在手表上查看表盘效果。恭喜，您已经完成了入门级表盘开发，成功制作了一款景深表盘。

【本文地址】

公司简介

联系我们