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

[lostelk]

难度有点大啊，想求一个太空人表盘

 

[默语鱼]

学习一下

 

[kong20024]

牛逼

 

[小白Boi]

首发小米手环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，使用替换法安装到手环上。


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

牛

 

[有点心机又何妨]

感谢

 

[金先生你好]

首发小米手环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，使用替换法安装到手环

首发小米手环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，使用替换法安装到手环上。


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

真厉害

 

[一个海洋酱]

爱了爱了

 

[SikeAdam]

cool

 

[屑星星]

首发小米手环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，使用替换法安装到手环上。


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

图片修改工具有问题，打包刷入后会出现渲染颜色错误

 

[GiveMeFive]

图片修改工具有问题，打包刷入后会出现渲染颜色错误

有些图片打包时确实存在问题，目前还没搞清楚规律。

 

[haolr]

。

 

[woshisyh]

首发小米手环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，使用替换法安装到手环上。


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

666

 

[风向决定发型d]

首发小米手环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，使用替换法安装到手环上。


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

纽

 

[lvpokka]

Not working, mi band 7 have BIN not JS

 

[faker]

感谢分享

 

[bit]

首发小米手环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，使用替换法安装到手环上。


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

牛逼

 

[MAROL]

大佬牛逼

 

[jethroHEX]

感谢楼主分享，不知道能不能自己用js绘制时间，要是有详细的开发文档就好了。

 

[米环体验用户]

首发小米手环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，使用替换法安装到手环上。


附件放了相关的工具涨知识了！

 

[GiveMeFive]

感谢楼主分享，不知道能不能自己用js绘制时间，要是有详细的开发文档就好了。

华米官方有文档的