华为错误报告存放路径_【主题教程】荣耀magic手表、华为运动手表GT制作教程来啦...

本文详细介绍了如何为华为和荣耀运动手表制作自定义表盘,包括下载必要的工具和资源,理解不同分辨率的表盘尺寸,解析表盘文件结构,以及使用表盘打包工具生成.hwt文件。通过遵循教程,读者可以学习到表盘制作的基础知识,从而创建自己的独特表盘。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

7ad1f5e57ec1b2a75ab24096b54257e3.png

      首先庆祝watchGT全球销量突破200万!和咱们用同款表的同志们已经遍布五湖四海了嘿7f88c727b08779949d871c359711940c.gif

01b6f73c9f36364ed5dcec0a74b82cf5.png

       长续航高颜值,这些优点让华为手表在同类竞品里几乎毫无对手,但是随着用户基数越来越大,自定义表盘的数量太少的这个问题也越来越凸现,很多小伙伴都希望能有符合自己要求的表盘,功能多的不够好看,好看的功能不全等等,这些问题及需求也都汇集到了产品经理的手中。       终于!在最近的手表更新终于加上了大家千呼万唤始出来的表盘市场功能!!目前在beta版本已经上线了上传测试表盘功能,官方也发布了表盘制作工具和指导文档,后续也会有专门的表盘商城,论坛里现在也有很多动手能力强的小伙伴上传了很多各式各样的表盘主题分享,可是很多想学习制作的小伙伴不知道如何制作表盘,不知道该如何入手,那么没关系,这里流星便从官方文档中深入浅出的讲解,当你耐心看完帖子,学会之后你也可以自己做出专属自己酷炫又拉风的表盘~

171871c7422bcfead4b51b847bed7507.gif

7b27dfd3288338380a1e7f184533dfdc.png

首先下载表盘制作的必备工具和制作指导和样例,推荐先对样例来进行修改练手,之后在从零开始制作表盘,大神也是一步一步成长来滴

716d704f9eb175b5f08cc0e84fffa6a2.gif   

在电脑端和手机端各安装好下列文件,配置好制作及测试环境
电脑端表盘打包工具1、表盘打包工具.zip (7.35 MB) 
2、手机端支持表盘测试的运动健康apphttp://t.cn/Ai0E6ULs

3、24小时表盘样例 4、表盘样例.zip (1.24 MB) 

5、表盘制作指导文档及接口详解 华为手表表盘控件参考文档.docx (11.36 MB) 

6、华为手表表盘制作指导书 v1.0.pptx (3.79 MB)

db010bd526ed1a1a3b8dbe1d9b347ce7.png

表盘尺寸目前分两种注意:荣耀与华为手表的屏幕尺寸与分辨率不同,虽然可以导入,但是会出现显示不全的bug等等问题一、分辨率为390*390支持的手表为HONOR手表、华为运动手表GT雅致款

23ac2ac344b4938cb8b769fc2e16ba3c.png

二、分辨率为454*454

支持的手表为华为运动手表GT、华为运动手表GT活力款

301a599c010cfe9bc371c88bdfbf8b73.png

271284e284234ea782c9db1fd3047974.png

       表盘文件为后缀为hwt的文件,其本质上是zip格式的压缩文件,与华为emui主题文件构成类似,如果有主题基础的童鞋们学起来会快很多。

       一个基本的表盘主题文件内部必须的文件及图片资源存储位置如下图。可以下载表盘样例,解压出来试试手。

ca97fac4f11432ec9f59e934a4c3ac73.png

表盘主题内的文件分为三类:

1、表盘描述文件:详细描述表盘的各种参数和开发者相关信息2、表盘预览图:这个很好理解,为表盘最终效果图,方便用户查看。3、表盘配置文件:表盘的各类控件代码4、表盘图片素材:比如表盘的指针图片、背景图片、数字图片等等。用于给表盘配置文件调用。一、表盘描述文件description.xml及watch_face_info.xml文件

663c68de673f840e794af694def8dfa8.png

描述文件可以直接套用表盘样例里的xml文件,修改里面的参数即可

主题分辨率分为两种:HWHD01代表390*390(适配荣耀、GT雅致款)、HWHD02代表454*454(适配GT、GT活力款)二、表盘预览图preview目录Preview目录内的图片全为JPG格式Preview目录下的预览图可以在表盘市场展示,可以在手机上上浏览,需要两张,分别为

585642c7a1a35178d039bb06dac80107.png

cover.jpg:尺寸为960 * 960,jpg格式

icon_small.jpg:尺寸为390 * 390,jpg格式三、表盘资源切图src目录切片内的图片全为PNG格式

切片图片资源目录,里面存放表盘用到的所有png图片文件,图片文件的命名要采用A100_001.png、A100_002.png、A100_003.png 、……这样的格式次序命名,其中A100_001.png必须为对应尺寸的表盘缩略图:454规格表盘是250*250, 390规格表盘是216*216

例:24小时表盘资源切图

1ea407402c7f58f5452bc61e04e6e322.png

四、表盘配置文件watch_face_config.xml结构

配置文件代码简单可分为三块

9f0c0b72250634a669c8e800e3d5c762.png

色框为基本代码,不可修改

黄框内为设置dpi属性,即屏幕分辨率,可识别输入为390及454红框内为一个简单的控件节点Widget,每个表盘内都有多个Widget,每个Widget都是一个图层,实现单一的模块功能。比如步数、时针、分针、心率等等,其显示的顺序是基于XML定义的顺序,写在文件前面的在图层的最下方,由下往上一层一层的堆叠显示上图代码的定义,是通过第一个Widget控件显示背景图“A100_002.png”,然后第二个控件显示的步数信息在这张背景图A100_002.png上,两个控件的层叠效果如下:

85110ee955687f1e0adbcc5623c7b882.png

Widget控件目前支持8种控件,如下:•IMAGE:静态图,如背景图、图标等•TEXTUREMAPPER:图片旋转,如时分秒针等•CIRCLE:圆形进度条,用于步数、卡路里等的目标完成进度显示•LINE:线形进度条,用于步数、卡路里等的目标完成进度显示•TEXTAREAWITHONEWILDCARD:动态文本框,用于显示变化的文字,如步数、心率等的数值•BOX:背景框,用于显示背景色•SELECTIMAGE:图片播放,随着订阅的数据类型的数据改变,显示不同的图片,可用于天气、日期、星期等播放•TEXTAREAWITHTWOWILDCARD:带连接符的动态文本框,如:XX:XX格式的时间显示,XX/XX格式的日期显示补充说明:

bb1b64639023a6057ab1006908279e1b.png

1、不同图层可用这些8种控件组合来展现2、每个控件节点根据不同的控件类型,都至少有一个不同类型的子节点3、所有类型的子节点都必须有一个label属性和type属性,分别用于用于描述这个控件具体是和什么元素相关,以及描述控件是静态还是动态其中表盘坐标的坐标体系如下

6a7a8ee7f9ca3f773c34e8815fa93501.png

2ac45292881e11a8ea86e934ac8ad7ac.png

当主题的所有图片和xml文件都已经准备好后,便可以进行打包制作成品

37ca3525e56f64683bd14509d4fac0f4.png

步骤一:下载表盘打包工具(参考帖子附件)步骤二:打包,将表盘设计文件夹(如:fortuna_watch_24hours,绝对路径中不能有中文字符)拖动到打包工具TemplateWatch.exe上,即可在TemplateWatch.exe同级目录下生成表盘文件com.huawei.watchface和一个output文件夹步骤三:查看压缩包,output文件夹中的.hwt文件为最终的表盘压缩包,如24-hour_Time.hwt,压缩包的文件名为description.xml的title字段(空格自动用_替换)

1d18c1b8ec5eb4d9c565d4c77312d91c.png

ea7c9261ce7d2d10d53539ac868d0b30.png

第1步:将打包好的表盘.hwt保存到手机中(资源包后缀名为.hwt,如24-hour_Time.hwt,资源包命名不能包含中文,只能包含字符、数字);

第2步:安装并登陆华为运动健康APPbeta版本:HiHealthApp9.0.5.305-china-beta.apk;(帖子附件中可下载)

第3步:APP扫码绑定手表,进入【我的】-【我的设备】-【表盘市场】,加载已保存到手机的表盘资源包,并选择安装到手表上;

第4步:在手表上查看表盘效果;     

98fd3be149b774241ef6a8832368a29b.png

       来自流星的一点提示:制作主题最重要的便是开始制作时便养成好习惯,一步一步按照步骤和控件规范来,不能图快,不然后续修改bug会让你怀疑人生,主题千万条,规范第一条,制作不标准,修改两行泪

2fea9bcaf2de9260902845f7c2cadf42.gif       好了,到这里制作表盘的基本教程已经结束了,看完之后大家学会了么?如果大家看完这个帖子能够学会简单的表盘制作,那么便完成了我写这篇帖子的初衷了,最后,祝大家都能做出自己心水的表盘~

abfcef426f47d34d23d24f701f894cfe.gif

902d7d6881f7f80f75b4cf57247773db.pngc9d4d41913b60db498b172713b004028.png主题爱好者圈圈微信公众号扫码关注获取最新最全的主题资源6ea7df95d931b3805bf954ed798d155f.png5e3ff1d8bd544960df336950d20df396.png6855f9a040df64f8f2097e5f35dc7b71.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值