荣耀手环5自定义详解

  • 您好,游客,这里是米坛社区。本站为中国大陆最大的智能穿戴资源交流社区,感谢您的加入,请多多活跃,为论坛的发展贡献我们的力量!
  • 您好,米坛用户游客。为了更加方便的获取支持与帮助,请加入官方QQ群: ①群号码: 570019302(满)
    ②群号码:728366904(满)
    ③群号码:696423172
    ④群号码(荣耀手环):417457294

kindyear

米坛坛长
管理成员
坛长
大会员
普通成员
2019-05-05
491
750
93
www.kindyear.cn
QQ号
2469732284
设备
小米手环4/NFC
原链接:https://www.kindyear.cn/archives/303
作者:kindyear
转载请保留原链接和作者名称

介绍
荣耀手环5发布时就表明会开启自定义,经历了这么长时间,终于官方表示要开始自定义操作了,目前还在内测中,工具会在9月中旬放出,已经有华为主题负责人讲解了过程,本文章在此对其进行介绍和详解。

作者:kindyear

转载请保留原文链接和作者,谢谢支持

正文
荣耀手环5表盘文件列表
4010
画图不易,转载烦留原链接
root_file表盘文件的主目录,可以自行修改

第一级文件夹有2个文件夹和一个xml文件

preview文件夹里面存放的是手环表盘预览图,用于在APP上显示。watchface就是表盘的元素文件和设置配置文件,有一个description.xml文件,是表盘文件的介绍文件,内容如下
XML:
<?xml version="1.0" encoding="UTF-8"?>
<HwTheme>
    <title>bandbbs watchface</title>
    <title-cn>米坛表盘</title-cn>
    <author>米坛</author>
    <designer>米坛设计师</designer>
    <screen>HWHD03</screen>
    <version>4.1.1</version>
    <font>Default</font>
    <font-cn>默认</font-cn>
    <briefinfo>米坛表盘,必属精品。</briefinfo>
</HwTheme>
<title>标签是你的表盘的英文名称,可自定义

<title-cn>是你的表盘的中文名称,可自定义

<author>是作者名称

<designer>是开发者名称(作者名称/开发者名称均于华为开发者联盟账号绑定)

<screen>标签是此表盘的分辨率说明,HWHD03指120×240分辨率,即为荣耀手环5表盘分辨率,不可修改

<version>标签是版本号,

(版本号对应x,y,z x为4,指此表盘为荣耀手环5的表盘文件,相当于设备号,y为1,指此固件版本支持的版本,目前固定于1(2019.9.7日编辑时)。z为表盘自定义版本号,作者可自行修改,必须从1开始)

<font>和<font-cn>为字体标签,目前强制默认,不可修改

<briefinfo>为表盘介绍文字,可自行修改

▲表盘名称,设计师,开发者名称上线后不可修改!

其次是watchface目录文件

switch_res目录是手环上表盘设置内的预览图,需要裁剪成2张120×120分辨率,分别上下平切预览图(120×240),保存为bmp格式储存。

watchface_res就是手环的元素,包括数字,壁纸,图片等

watch_face_config.xml是手环的元素配置文件,设置各元素的位置等设置,类似于小米手环4上表盘的header.json文件

watch_face_info.xml文件和之前的description.xml文件内容一样,作用一样,在此不做过多说明


各目录文件说明
一级目录有一个preview目录,存放手环在APP上显示的预览图效果,里面包含2个文件,分别是cover.jpg和icon_small.jpg

cover.jpg是手环的预览图大图,格式为jpg格式,分辨率为480×960(大小必须在200KB以内)

icon_small.jpg是手环表盘商城的小预览图,格式为jpg格式,分辨率为390×390(正方形。。很奇怪)



然后是表盘的元素文件,位于二级目录的watchface_res目录下

▲请注意,表盘文件图片均为bmp位图格式文件,需进行转换。

编号都以A00X的序号进行排列,这里我以官方给出的图片进行介绍(因为不同的设置,有不同的元素,这里只是一个实例)
4011

荣耀手环的表盘文件是分类文件夹的,比如背景就是A000BackGround,背景需要注意,和之前说的预览图一样,必须裁剪成2张120×120分辨率,分别上下平切预览图(120×240),保存为bmp格式储存。(后续版本可能会支持整张而不用拆开)



watch_face_config.xml文件介绍

这个文件是表盘的元素设置文件,包括了分辨率,坐标,背景,类型等设置元素,文件如下(纯手工码字,官方没给文件(哭))
XML:
<?xml version="1.0" encoding="UTF-8"?>
<providers>
    <TemplateWatch dpi="120">
        <Widget widget_type="SINGLEIMAGE">
            <SingleImage
                lable="表盘背景"
                type="static"
                res_dir_id="A000"
                x="0"
                y="0"
                filter_color="0"
                data_type="DATA_BACKGROUND"
                align="DIGIT_ALIGN_CENTER_LEFT"
                offset_distance_y="0"
            />
        <Widget widget_type="SINGLEIMAGE">
            <SingleImage
                lable="AMPM"
                type="static"
                res_dir_id="A001"
                x="26"
                y="20"
                filter_color="0"
                data_type="DATA_AMPM"
                align="DIGIT_ALIGN_CENTER_LEFT"
                offset_distance_y="0"
            />
        </Widget>
    </TemplateWatch>
</providers>
每一个<Widget>标签就是对应着一个元素,比如第二个widget标签,对应着上午下午的图片元素

lable类似于注释,用于标记这个控件/元素是什么,第二个标签里面的就是AMPM,表示上午下午

type是图片类型,static是静态,默认是静态,目前也支持静态,保持默认即可(说不定未来支持动态)

res_dir_id就是我们之前说的文件夹命名,标签内是A001,对应watchface_res目录里面的A001目录,目录是上午下午的图片元素,其他的与之相同

x和y方便是元素/控件在表盘上的位置

filter_color比较特殊点,因为我个人也没有理解透彻,我个人的理解是这里面的数字“0”对应的是黑色(官方也说了,其他颜色对应其他数字),当你填入0的时候,工具会自动抠图褐色,因为bmp不支持透明背景,当你填入0后,表盘上这个控件元素的背景也是黑色,方便和表盘背景嵌合。(这些颜色处理都是由工具进行打包处理,我们应该不用处理)

data_type是控件元素类型,这里是DATA_BACKGROUD,是背景,应该还有其他类型,但是没有说出,这里就先说到这里

align是对齐格式,就是这个元素应该是如何进行排班,排班的规则,这里官方也没有详解,所以等待官方的信息吧

offset-distance_y是偏移量,官方也没细说(怎么啥都一笔带过。。),但是说用的比较少,就先说到这里



下来是重要的点:控件类型

目前支持4种控件类型,分别是

SINGLEIMAGE(静态图片,包括背景图,图标等)

DIGITALIMAGE(数字图片,包括时分秒,步数数字等数字图片)

MUTILLANGUAGE(多语言图片,包括上午下午,星期几等文字类元素)

MUTILWIDGET(多控件(一会单独对此进行介绍))

这些组件统一在widget标签内的widget_type内声明,对应元素就要填写对应的控件类型,比如例子中的第一个widget标签,背景图是静态图片,类型是SINGLEIMAGE。

不同的widget标签内容可能不同,华为会在未来放出一个说明文档,欢迎关注本博客获取最新动态。

多组件控件(MUTILWIDGET)表示一种组合,是一个很有用的东西,他可以让一些元素组合在一起,比如让步数和步数图标组合在一起,来丰富表盘元素的多样性。





表盘文件要求

后期放出的工具会打包出2个文件

一个是com.huawei.watchface文件,这是表盘的主文件,大小不得超过600KB,表盘的控件数量不能超过35个

另一个是一个hwt文件,包含了com.huawei.watchface文件,还有预览图等其他资源,总文件数不得超过5MB









工具还没有放出,但是有兴趣的用户可以按照我这个说明自己制作第一版的表盘文件,待工具放出后可以直接打包安装,欢迎支持!

本教程整理自华为设计师视频

整理者:kindyear

转载请保留原链接和作者名称

感谢你的支持

有问题可以在本帖子下内留言评论

我会尽可能回复



修改时间:2019.9.8
 

Yife

米坛萌新■
普通成员
2019-05-16
6
0
1
这次感觉华为比小米良心🙃🙃🙃🙃🙃🙃
还有,那个“抠图”,我想到了米环res,因为环3的res也是这么个解决方案,不过打包解包程序使用的是png,把透明部分自动处理了
 
最后编辑:

worktgr

米坛老头子■
普通成员
2019-06-29
397
108
43
这次感觉华为比小米良心🙃🙃🙃🙃🙃🙃
还有,那个“抠图”,我想到了米环res,因为环3的res也是这么个解决方案,不过打包解包程序使用的是png,把透明部分自动处理了
怎么说?
 

maddoctor

米坛萌新■
普通成员
2019-07-05
15
4
3
Greece
itechnews.gr
设备
小米手环4
I was amazed to see the menu of the band to be in Greek, I saw in the app to add my dials. after doesn't show how, but I guess and this will happen.
Screenshot_2019-09-15-19-13-54-884_com.huawei.health.jpgScreenshot_2019-09-15-19-13-36-213_com.huawei.health.jpgScreenshot_2019-09-15-19-13-26-542_com.huawei.health.jpgScreenshot_2019-09-15-19-13-19-828_com.huawei.health.jpgScreenshot_2019-09-15-18-16-42-598_com.miui.videoplayer.jpg
 
  • Like
反馈: Braqr

maddoctor

米坛萌新■
普通成员
2019-07-05
15
4
3
Greece
itechnews.gr
设备
小米手环4
Is there any official support for Greek?
In the previous from last firmware, says it adds languages. Since it supports Greek, it supports unicode. Haven't kept printscreen from the updates, these are printscreen from the video review that will upload.
Also officcialy Honor Band 5 is not sold in Greece yet
Screenshot_2019-09-16-10-51-37-051_com.miui.videoplayer.jpgScreenshot_2019-09-16-10-51-29-840_com.miui.videoplayer.jpg
 
最后编辑:

kindyear

米坛坛长
管理成员
坛长
大会员
普通成员
2019-05-05
491
750
93
www.kindyear.cn
QQ号
2469732284
设备
小米手环4/NFC
In the previous from last firmware, says it adds languages. Since it supports Greek, it supports unicode. Haven't kept printscreen from the updates, these are printscreen from the video review that will upload
浏览附件4130浏览附件4131
So you're saying you have supported firmware installed but don't support Greek?
 

maddoctor

米坛萌新■
普通成员
2019-07-05
15
4
3
Greece
itechnews.gr
设备
小米手环4
So you're saying you have supported firmware installed but don't support Greek?
In Greece is not sold yet. I have the app in Greek, the menu and the name of the caller in Greek with the latest firmware. In mi band 4, have to modify the res, to add Greek, but not all letters (ά , έ, ύ, ό, ί, for example are not supported), to have a Greek menu by me, not Xiaomi. Also, till recently the name of the caller couldn't see it. The only problem in the honor 5 that I found, is that I couldn't confirm it as a bluetooth device to unlock my Mi 8, something that my mi band or stratos does. Also the saturation, in the global version we might see it after October, not active for now. Apart from these two, the wearable is fantastic!
 

Xu04

米坛萌新■
普通成员
2019-10-02
5
1
3
设备
小米手环4/NFC
原链接:https://www.kindyear.cn/archives/303
作者:kindyear
转载请保留原链接和作者名称

介绍
荣耀手环5发布时就表明会开启自定义,经历了这么长时间,终于官方表示要开始自定义操作了,目前还在内测中,工具会在9月中旬放出,已经有华为主题负责人讲解了过程,本文章在此对其进行介绍和详解。

作者:kindyear

转载请保留原文链接和作者,谢谢支持

正文
荣耀手环5表盘文件列表
浏览附件4010
画图不易,转载烦留原链接
root_file表盘文件的主目录,可以自行修改

第一级文件夹有2个文件夹和一个xml文件

preview文件夹里面存放的是手环表盘预览图,用于在APP上显示。watchface就是表盘的元素文件和设置配置文件,有一个description.xml文件,是表盘文件的介绍文件,内容如下
XML:
<?xml version="1.0" encoding="UTF-8"?>
<HwTheme>
    <title>bandbbs watchface</title>
    <title-cn>米坛表盘</title-cn>
    <author>米坛</author>
    <designer>米坛设计师</designer>
    <screen>HWHD03</screen>
    <version>4.1.1</version>
    <font>Default</font>
    <font-cn>默认</font-cn>
    <briefinfo>米坛表盘,必属精品。</briefinfo>
</HwTheme>
<title>标签是你的表盘的英文名称,可自定义

<title-cn>是你的表盘的中文名称,可自定义

<author>是作者名称

<designer>是开发者名称(作者名称/开发者名称均于华为开发者联盟账号绑定)

<screen>标签是此表盘的分辨率说明,HWHD03指120×240分辨率,即为荣耀手环5表盘分辨率,不可修改

<version>标签是版本号,

(版本号对应x,y,z x为4,指此表盘为荣耀手环5的表盘文件,相当于设备号,y为1,指此固件版本支持的版本,目前固定于1(2019.9.7日编辑时)。z为表盘自定义版本号,作者可自行修改,必须从1开始)

<font>和<font-cn>为字体标签,目前强制默认,不可修改

<briefinfo>为表盘介绍文字,可自行修改

▲表盘名称,设计师,开发者名称上线后不可修改!

其次是watchface目录文件

switch_res目录是手环上表盘设置内的预览图,需要裁剪成2张120×120分辨率,分别上下平切预览图(120×240),保存为bmp格式储存。

watchface_res就是手环的元素,包括数字,壁纸,图片等

watch_face_config.xml是手环的元素配置文件,设置各元素的位置等设置,类似于小米手环4上表盘的header.json文件

watch_face_info.xml文件和之前的description.xml文件内容一样,作用一样,在此不做过多说明


各目录文件说明
一级目录有一个preview目录,存放手环在APP上显示的预览图效果,里面包含2个文件,分别是cover.jpg和icon_small.jpg

cover.jpg是手环的预览图大图,格式为jpg格式,分辨率为480×960(大小必须在200KB以内)

icon_small.jpg是手环表盘商城的小预览图,格式为jpg格式,分辨率为390×390(正方形。。很奇怪)



然后是表盘的元素文件,位于二级目录的watchface_res目录下

▲请注意,表盘文件图片均为bmp位图格式文件,需进行转换。

编号都以A00X的序号进行排列,这里我以官方给出的图片进行介绍(因为不同的设置,有不同的元素,这里只是一个实例)
浏览附件4011

荣耀手环的表盘文件是分类文件夹的,比如背景就是A000BackGround,背景需要注意,和之前说的预览图一样,必须裁剪成2张120×120分辨率,分别上下平切预览图(120×240),保存为bmp格式储存。(后续版本可能会支持整张而不用拆开)



watch_face_config.xml文件介绍

这个文件是表盘的元素设置文件,包括了分辨率,坐标,背景,类型等设置元素,文件如下(纯手工码字,官方没给文件(哭))
XML:
<?xml version="1.0" encoding="UTF-8"?>
<providers>
    <TemplateWatch dpi="120">
        <Widget widget_type="SINGLEIMAGE">
            <SingleImage
                lable="表盘背景"
                type="static"
                res_dir_id="A000"
                x="0"
                y="0"
                filter_color="0"
                data_type="DATA_BACKGROUND"
                align="DIGIT_ALIGN_CENTER_LEFT"
                offset_distance_y="0"
            />
        <Widget widget_type="SINGLEIMAGE">
            <SingleImage
                lable="AMPM"
                type="static"
                res_dir_id="A001"
                x="26"
                y="20"
                filter_color="0"
                data_type="DATA_AMPM"
                align="DIGIT_ALIGN_CENTER_LEFT"
                offset_distance_y="0"
            />
        </Widget>
    </TemplateWatch>
</providers>
每一个<Widget>标签就是对应着一个元素,比如第二个widget标签,对应着上午下午的图片元素

lable类似于注释,用于标记这个控件/元素是什么,第二个标签里面的就是AMPM,表示上午下午

type是图片类型,static是静态,默认是静态,目前也支持静态,保持默认即可(说不定未来支持动态)

res_dir_id就是我们之前说的文件夹命名,标签内是A001,对应watchface_res目录里面的A001目录,目录是上午下午的图片元素,其他的与之相同

x和y方便是元素/控件在表盘上的位置

filter_color比较特殊点,因为我个人也没有理解透彻,我个人的理解是这里面的数字“0”对应的是黑色(官方也说了,其他颜色对应其他数字),当你填入0的时候,工具会自动抠图褐色,因为bmp不支持透明背景,当你填入0后,表盘上这个控件元素的背景也是黑色,方便和表盘背景嵌合。(这些颜色处理都是由工具进行打包处理,我们应该不用处理)

data_type是控件元素类型,这里是DATA_BACKGROUD,是背景,应该还有其他类型,但是没有说出,这里就先说到这里

align是对齐格式,就是这个元素应该是如何进行排班,排班的规则,这里官方也没有详解,所以等待官方的信息吧

offset-distance_y是偏移量,官方也没细说(怎么啥都一笔带过。。),但是说用的比较少,就先说到这里



下来是重要的点:控件类型

目前支持4种控件类型,分别是

SINGLEIMAGE(静态图片,包括背景图,图标等)

DIGITALIMAGE(数字图片,包括时分秒,步数数字等数字图片)

MUTILLANGUAGE(多语言图片,包括上午下午,星期几等文字类元素)

MUTILWIDGET(多控件(一会单独对此进行介绍))

这些组件统一在widget标签内的widget_type内声明,对应元素就要填写对应的控件类型,比如例子中的第一个widget标签,背景图是静态图片,类型是SINGLEIMAGE。

不同的widget标签内容可能不同,华为会在未来放出一个说明文档,欢迎关注本博客获取最新动态。

多组件控件(MUTILWIDGET)表示一种组合,是一个很有用的东西,他可以让一些元素组合在一起,比如让步数和步数图标组合在一起,来丰富表盘元素的多样性。





表盘文件要求

后期放出的工具会打包出2个文件

一个是com.huawei.watchface文件,这是表盘的主文件,大小不得超过600KB,表盘的控件数量不能超过35个

另一个是一个hwt文件,包含了com.huawei.watchface文件,还有预览图等其他资源,总文件数不得超过5MB









工具还没有放出,但是有兴趣的用户可以按照我这个说明自己制作第一版的表盘文件,待工具放出后可以直接打包安装,欢迎支持!

本教程整理自华为设计师视频

整理者:kindyear

转载请保留原链接和作者名称

感谢你的支持

有问题可以在本帖子下内留言评论

我会尽可能回复



修改时间:2019.9.8
楼主有没有荣耀手环5的官方hwt包啊
 

maddoctor

米坛萌新■
普通成员
2019-07-05
15
4
3
Greece
itechnews.gr
设备
小米手环4
Honor Band 5 Global Edition, got as update the saturation that existed only in the chinese version and the Music Player.
4326
4327

This is what the Update Log showed...
43284329