米环7教程小米手环7 自定义表盘教程

tshyj · 2022-07-16

谢谢分享

Jerriest · 2022-07-16

GiveMeFive 说:
首发小米手环7自定义表盘教程
自定义表盘整体思路和以前一致，分为以下几个步骤：
1.解包：
把.bin文件下载后，修改后缀为zip，解压即可
浏览附件12659
浏览附件12660
浏览附件12661

2.修改资源图片文件：

解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。
图片资源都在解压后的assets目录下。

浏览附件12662

浏览附件12663
图片处理完直接替换assets目录下的原图即可

2.修改组件数量、位置：
此环节有几种方式：
(1)有一定的js基础的，可以直接修改js文件
米环7现在改用的是js引擎渲染，所以修改组件数量、位置是通过修改js代码实现
浏览附件12664

实例表盘下有个watchface目录，里面那个index.js
只说关键代码，以下是添加组件的核心代码：
浏览附件12665

如果需要添加组件，也是按照上面这个逻辑来添加！

比如180行实际上是添加一个时间的组件，时间组件的相关配置实际上是objTime，往上找这个变量
浏览附件12666
相关配置在56行开始，其中有一个hour_startX和hour_startX ，实际上就是x y坐标位置，继续往上找nHourX nHourY
浏览附件12667
实际上定义在15 16行，因此如果需要修改位置，则需要在此修改两个参数的值。
比如修改成 let nHourX = 70

具体的组件类别，跟参数说明可以参照官方文档下面是图片组件的相关文档链接

https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/IMG/

(2)也可以通过华米官方的表盘工具来做，但是目前并未适配米环7，因此做完还需要调整。这个后面有空再说

3.重新打包安装：
所有文件修改完毕后，重新压缩成zip即可。然后修改后缀为.bin，使用替换法安装到手环上。

下面是安装方法
表盘自定义APP安装

米环7工具 - 表盘自定义工具环7版本(23.5.19更新4.5.7)#支持安卓/iOS端自定义表盘/小程序安装删除/米坛一键授权登录#

【5.19】v4.5.7版本更新日志 1. 【ALL】添加表盘文件大小的提示（旧表盘逐步添加） 2. 【ALL】表盘下载时添加下载进度提示 3. 【8】支持指针表盘的制作，添加大量底包 4. 【7Pro】添加7Pro板块，支持7Pro表盘制作, 支持7Pro表盘安装 https://wwlx.lanzoul.com/i6XYH0wmffwh 表盘自定义工具安卓APP最新版v3.0.1 2023.4.27更新：蓝牙安装支持手动输入蓝牙地址进行连接设备 https://wwlx.lanzoul.com/iaNZm0u3xpna 表盘自定义工具安卓APP最新版v2.7.2...

www.bandbbs.cn

zeppLife 替换法步骤
1.先用zepplife同步安装一下火星表盘
2.然后删除这个文件 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
3.把下载的bin文件移动到 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/ 目录下，重命名为 BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
4.再去zepplife同步安装一下火星表盘

END

附件放了相关的工具和实例表盘！

谢谢大佬

waz · 2022-07-16

更新了更新了

帥先生 · 2022-07-16

是否可制作可以看小短片或動畫

shenjh · 2022-07-17

感谢分享

平息王 · 2022-07-17

牛逼

joaomartim13 · 2022-07-18

GiveMeFive 说:
O primeiro tutorial de discagem personalizada Xiaomi Mi Band 7
A ideia geral de personalizar o mostrador é a mesma de antes, dividida nas seguintes etapas:
1. Desembale:
Após baixar o arquivo .bin, modifique o sufixo para compactar e descompactá-lo
[Anexar=completo]12659[/Anexar]
[Anexar=completo]12660[/Anexar]
[Anexar=completo]12661[/Anexar]

2. Modifique o arquivo de imagem do recurso:

Há muitos arquivos de recursos de imagem no diretório de ativos descompactados. Embora termine com png, na verdade é um arquivo de formato tga. Você precisa usar a versão de reparo do ImageToGTR3-mi7 para converter a imagem em um png normal e depois modificá-la. Após a modificação, ela é convertida no formato exigido pelo pulseira através das ferramentas acima.
Os recursos de imagem estão todos no diretório de ativos descompactados.

[Anexar=completo]12662[/Anexar]

[Anexar=completo]12663[/Anexar]
Depois que a imagem for processada, você poderá substituir diretamente a imagem original no diretório de ativos

2. Modifique o número e a localização dos componentes:
Existem várias maneiras de fazer isso:
(1) Se você tiver uma certa base js, poderá modificar diretamente o arquivo js
O Mi Huan 7 agora usa a renderização do mecanismo js, portanto, a modificação do número e da posição dos componentes é obtida modificando o código js
[Anexar=completo]12664[/Anexar]

Há um diretório watchface sob o dial da instância e o index.js nele
Apenas falando sobre o código-chave, o seguinte é o código principal para adicionar componentes:
[Anexar=completo]12665[/Anexar]

Se você precisar adicionar componentes, adicione-os de acordo com a lógica acima!

Por exemplo, a linha 180 na verdade adiciona um componente de tempo e a configuração relevante do componente de tempo é na verdade objTime, procure essa variável
[Anexar=completo]12666[/Anexar]
A configuração relevante começa na linha 56, entre as quais há hour_startX e hour_startX, que na verdade são as posições das coordenadas xy, continue encontrando nHourX nHourY
[Anexar=completo]12667[/Anexar]
Na verdade, ele é definido nas linhas 15 e 16, portanto, se você precisar modificar a posição, precisará modificar os valores dos dois parâmetros aqui.
Por exemplo, modifique-o para deixar nHourX = 70

Para categorias específicas de componentes, consulte a documentação oficial para obter descrições de parâmetros.

https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/IMG/

(2) Também pode ser feito através da ferramenta de discagem oficial do Huami, mas não é adequado para o Mi Huan 7 no momento, portanto, precisa ser ajustado após o término. falarei sobre isso depois

3. Reembale e instale:
Depois que todos os arquivos forem modificados, recompacte-os em zip. Em seguida, modifique o sufixo para .bin e instale-o na pulseira usando o método de substituição.

Aqui está como instalar
Disque a instalação do APP personalizado

米环7工具 - 表盘自定义工具环7版本(23.5.19更新4.5.7)#支持安卓/iOS端自定义表盘/小程序安装删除/米坛一键授权登录#

【5.19】v4.5.7版本更新日志 1. 【ALL】添加表盘文件大小的提示（旧表盘逐步添加） 2. 【ALL】表盘下载时添加下载进度提示 3. 【8】支持指针表盘的制作，添加大量底包 4. 【7Pro】添加7Pro板块，支持7Pro表盘制作, 支持7Pro表盘安装 https://wwlx.lanzoul.com/i6XYH0wmffwh 表盘自定义工具安卓APP最新版v3.0.1 2023.4.27更新：蓝牙安装支持手动输入蓝牙地址进行连接设备 https://wwlx.lanzoul.com/iaNZm0u3xpna 表盘自定义工具安卓APP最新版v2.7.2...

www.bandbbs.cn

Etapas do método de substituição zeppLife
1. Primeiro instale o dial Mars com zepplife de forma síncrona
2. Em seguida, exclua este arquivo Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
3. Mova o arquivo bin baixado para o diretório Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/ e renomeie-o para BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
4. Vá para zepplife para instalar o dial Mars de forma síncrona

FIM

Os anexos colocam ferramentas relacionadas e mostradores de instância!

杨梓诚 · 2022-07-18

GiveMeFive 说:
首发小米手环7自定义表盘教程
自定义表盘整体思路和以前一致，分为以下几个步骤：
1.解包：
把.bin文件下载后，修改后缀为zip，解压即可
浏览附件12659
浏览附件12660
浏览附件12661

2.修改资源图片文件：

解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。
图片资源都在解压后的assets目录下。

浏览附件12662

浏览附件12663
图片处理完直接替换assets目录下的原图即可

2.修改组件数量、位置：
此环节有几种方式：
(1)有一定的js基础的，可以直接修改js文件
米环7现在改用的是js引擎渲染，所以修改组件数量、位置是通过修改js代码实现
浏览附件12664

实例表盘下有个watchface目录，里面那个index.js
只说关键代码，以下是添加组件的核心代码：
浏览附件12665

如果需要添加组件，也是按照上面这个逻辑来添加！

比如180行实际上是添加一个时间的组件，时间组件的相关配置实际上是objTime，往上找这个变量
浏览附件12666
相关配置在56行开始，其中有一个hour_startX和hour_startX ，实际上就是x y坐标位置，继续往上找nHourX nHourY
浏览附件12667
实际上定义在15 16行，因此如果需要修改位置，则需要在此修改两个参数的值。
比如修改成 let nHourX = 70

具体的组件类别，跟参数说明可以参照官方文档下面是图片组件的相关文档链接

https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/IMG/

(2)也可以通过华米官方的表盘工具来做，但是目前并未适配米环7，因此做完还需要调整。这个后面有空再说

3.重新打包安装：
所有文件修改完毕后，重新压缩成zip即可。然后修改后缀为.bin，使用替换法安装到手环上。

下面是安装方法
表盘自定义APP安装

米环7工具 - 表盘自定义工具环7版本(23.5.19更新4.5.7)#支持安卓/iOS端自定义表盘/小程序安装删除/米坛一键授权登录#

【5.19】v4.5.7版本更新日志 1. 【ALL】添加表盘文件大小的提示（旧表盘逐步添加） 2. 【ALL】表盘下载时添加下载进度提示 3. 【8】支持指针表盘的制作，添加大量底包 4. 【7Pro】添加7Pro板块，支持7Pro表盘制作, 支持7Pro表盘安装 https://wwlx.lanzoul.com/i6XYH0wmffwh 表盘自定义工具安卓APP最新版v3.0.1 2023.4.27更新：蓝牙安装支持手动输入蓝牙地址进行连接设备 https://wwlx.lanzoul.com/iaNZm0u3xpna 表盘自定义工具安卓APP最新版v2.7.2...

www.bandbbs.cn

zeppLife 替换法步骤
1.先用zepplife同步安装一下火星表盘
2.然后删除这个文件 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
3.把下载的bin文件移动到 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/ 目录下，重命名为 BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
4.再去zepplife同步安装一下火星表盘

END

附件放了相关的工具和实例表盘！

米小洛 · 2022-07-18

GiveMeFive 说:
首发小米手环7自定义表盘教程
自定义表盘整体思路和以前一致，分为以下几个步骤：
1.解包：
把.bin文件下载后，修改后缀为zip，解压即可
浏览附件12659
浏览附件12660
浏览附件12661

2.修改资源图片文件：

解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。
图片资源都在解压后的assets目录下。

浏览附件12662

浏览附件12663
图片处理完直接替换assets目录下的原图即可

2.修改组件数量、位置：
此环节有几种方式：
(1)有一定的js基础的，可以直接修改js文件
米环7现在改用的是js引擎渲染，所以修改组件数量、位置是通过修改js代码实现
浏览附件12664

实例表盘下有个watchface目录，里面那个index.js
只说关键代码，以下是添加组件的核心代码：
浏览附件12665

如果需要添加组件，也是按照上面这个逻辑来添加！

比如180行实际上是添加一个时间的组件，时间组件的相关配置实际上是objTime，往上找这个变量
浏览附件12666
相关配置在56行开始，其中有一个hour_startX和hour_startX ，实际上就是x y坐标位置，继续往上找nHourX nHourY
浏览附件12667
实际上定义在15 16行，因此如果需要修改位置，则需要在此修改两个参数的值。
比如修改成 let nHourX = 70

具体的组件类别，跟参数说明可以参照官方文档下面是图片组件的相关文档链接

https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/IMG/

(2)也可以通过华米官方的表盘工具来做，但是目前并未适配米环7，因此做完还需要调整。这个后面有空再说

3.重新打包安装：
所有文件修改完毕后，重新压缩成zip即可。然后修改后缀为.bin，使用替换法安装到手环上。

下面是安装方法
表盘自定义APP安装

米环7工具 - 表盘自定义工具环7版本(23.5.19更新4.5.7)#支持安卓/iOS端自定义表盘/小程序安装删除/米坛一键授权登录#

【5.19】v4.5.7版本更新日志 1. 【ALL】添加表盘文件大小的提示（旧表盘逐步添加） 2. 【ALL】表盘下载时添加下载进度提示 3. 【8】支持指针表盘的制作，添加大量底包 4. 【7Pro】添加7Pro板块，支持7Pro表盘制作, 支持7Pro表盘安装 https://wwlx.lanzoul.com/i6XYH0wmffwh 表盘自定义工具安卓APP最新版v3.0.1 2023.4.27更新：蓝牙安装支持手动输入蓝牙地址进行连接设备 https://wwlx.lanzoul.com/iaNZm0u3xpna 表盘自定义工具安卓APP最新版v2.7.2...

www.bandbbs.cn

zeppLife 替换法步骤
1.先用zepplife同步安装一下火星表盘
2.然后删除这个文件 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
3.把下载的bin文件移动到 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/ 目录下，重命名为 BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
4.再去zepplife同步安装一下火星表盘

END

附件放了相关的工具和实例表盘！

tt

WestCarolina · 2022-07-18

谢谢大佬分享

lomlom · 2022-07-19

thank you ;-)

qqqq098 · 2022-07-20

umic · 2022-07-20

海时空 · 2022-07-21

学习一下不错的哦。

一小半时 · 2022-07-21

GiveMeFive 说:
首发小米手环7自定义表盘教程
自定义表盘整体思路和以前一致，分为以下几个步骤：
1.解包：
把.bin文件下载后，修改后缀为zip，解压即可
浏览附件12659
浏览附件12660
浏览附件12661

2.修改资源图片文件：

解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。
图片资源都在解压后的assets目录下。

浏览附件12662

浏览附件12663
图片处理完直接替换assets目录下的原图即可

2.修改组件数量、位置：
此环节有几种方式：
(1)有一定的js基础的，可以直接修改js文件
米环7现在改用的是js引擎渲染，所以修改组件数量、位置是通过修改js代码实现
浏览附件12664

实例表盘下有个watchface目录，里面那个index.js
只说关键代码，以下是添加组件的核心代码：
浏览附件12665

如果需要添加组件，也是按照上面这个逻辑来添加！

比如180行实际上是添加一个时间的组件，时间组件的相关配置实际上是objTime，往上找这个变量
浏览附件12666
相关配置在56行开始，其中有一个hour_startX和hour_startX ，实际上就是x y坐标位置，继续往上找nHourX nHourY
浏览附件12667
实际上定义在15 16行，因此如果需要修改位置，则需要在此修改两个参数的值。
比如修改成 let nHourX = 70

具体的组件类别，跟参数说明可以参照官方文档下面是图片组件的相关文档链接

https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/IMG/

(2)也可以通过华米官方的表盘工具来做，但是目前并未适配米环7，因此做完还需要调整。这个后面有空再说

3.重新打包安装：
所有文件修改完毕后，重新压缩成zip即可。然后修改后缀为.bin，使用替换法安装到手环上。

下面是安装方法
表盘自定义APP安装

米环7工具 - 表盘自定义工具环7版本(23.5.19更新4.5.7)#支持安卓/iOS端自定义表盘/小程序安装删除/米坛一键授权登录#

【5.19】v4.5.7版本更新日志 1. 【ALL】添加表盘文件大小的提示（旧表盘逐步添加） 2. 【ALL】表盘下载时添加下载进度提示 3. 【8】支持指针表盘的制作，添加大量底包 4. 【7Pro】添加7Pro板块，支持7Pro表盘制作, 支持7Pro表盘安装 https://wwlx.lanzoul.com/i6XYH0wmffwh 表盘自定义工具安卓APP最新版v3.0.1 2023.4.27更新：蓝牙安装支持手动输入蓝牙地址进行连接设备 https://wwlx.lanzoul.com/iaNZm0u3xpna 表盘自定义工具安卓APP最新版v2.7.2...

www.bandbbs.cn

zeppLife 替换法步骤
1.先用zepplife同步安装一下火星表盘
2.然后删除这个文件 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
3.把下载的bin文件移动到 Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/ 目录下，重命名为 BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
4.再去zepplife同步安装一下火星表盘

END

附件放了相关的工具和实例表

666

叶笑月 · 2022-07-21

haodi12138 · 2022-07-21

大哥牛逼

Unnamed · 2022-07-21

仙人掌 · 2022-07-22

各位大佬，我的index.js檔案打不開求解

张出台 · 2022-07-22

😍😍

米环7教程 小米手环7 自定义表盘教程

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.1

Lv.0

Lv.0

Lv.8

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

Lv.0

相似主题

米环7教程 5K 29

米环7教程 3K 17

问答 3K 8

讨论 14K 101

米环7小程序 22K 234

米环7教程小米手环7 自定义表盘教程

米环7教程
5K

29

米环7教程
3K

17

问答
3K

8

讨论
14K

101

米环7小程序
22K

234