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

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

小白Boi

LV0
普通成员
UID
75611
2021-10-14
18
1
首发小米手环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,使用替换法安装到手环上。


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

金先生你好

LV0
普通成员
UID
33161
2020-04-20
16
24
首发小米手环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,使用替换法安装到手环

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


附件放了相关的工具和实例表盘!
真厉害
 

屑星星

LV0
普通成员
UID
83954
2022-06-05
3
3
首发小米手环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,使用替换法安装到手环上。


附件放了相关的工具和实例表盘!
图片修改工具有问题,打包刷入后会出现渲染颜色错误
 

woshisyh

LV0
普通成员
UID
84230
2022-06-07
8
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,使用替换法安装到手环上。


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

风向决定发型d

LV4
普通成员
UID
83950
2022-06-05
149
365

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


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

lvpokka

LV6
普通成员
UID
6374
2019-07-08
22
1,192
Not working, mi band 7 have BIN not JS
 
最后编辑:

bit

LV0
普通成员
UID
84079
2022-06-06
4
1
首发小米手环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,使用替换法安装到手环上。


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

jethroHEX

LV7
普通成员
UID
84359
2022-06-08
81
2,991
感谢楼主分享,不知道能不能自己用js绘制时间,要是有详细的开发文档就好了。
 

米环5N

LV1
普通成员
UID
59611
2021-03-08
51
46
首发小米手环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,使用替换法安装到手环上。


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

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