• 游客,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入米坛社区官方QQ频道

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

13245768990

LV0
普通成员
UID
79691
2022-02-22
11
2
首发小米手环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

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

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



3.重新打包安装:

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

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

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


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

凌波罗袜

LV0
普通成员
UID
95952
2022-07-14
1
0
首发小米手环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

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

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



3.重新打包安装:

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

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

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


附件放了相关的工具和实例表盘!
支持一下
 

johnnyhuang

LV0
普通成员
UID
95856
2022-07-14
7
0
我改为zip解压,然后再打包为zip,就显示同步失败,其他什么都没做,这是为什么?
 

SadVillagerr

LV0
普通成员
UID
96248
2022-07-15
2
0
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
浏览附件12659
浏览附件12660
浏览附件12661

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.


浏览附件12662

浏览附件12663
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
浏览附件12664


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:

浏览附件12665

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
浏览附件12666
A configuração relevante começa na linha 56, entre as quais há hour_startX e hour_startX, que são na verdade as posições das coordenadas xy, continue a encontrar nHourX nHourY
浏览附件12667
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.

(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

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!
Incrível
 

Chisg

LV0
普通成员
UID
96770
2022-07-16
2
0
首发小米手环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

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

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



3.重新打包安装:

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

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

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
 

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责