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

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

rainys

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

下面是安装方法
表盘自定义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
 

hexing

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

下面是安装方法
表盘自定义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


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

OneHero661

LV0
普通成员
UID
103715
2022-08-02
3
0
The first Xiaomi Mi Band 7 custom dial tutorial
The overall idea of customizing the dial is the same as before, divided into the following steps:
1. Unpack:

After downloading the .bin file, modify the suffix to zip and unzip it
浏览附件12659
浏览附件12660
浏览附件12661

2. Modify the resource image file:


There are many image resource files in the decompressed assets directory. Although it ends with png, it is actually a tga format file. You need to use the ImageToGTR3-mi7 repair version to convert the picture into a normal png and then modify it. After the modification, it is converted into the format required by the bracelet through the above tools.
The image resources are all in the decompressed assets directory.


浏览附件12662

浏览附件12663
After the image is processed, you can directly replace the original image in the assets directory

2. Modify the number and location of components:
There are several ways to do this:
(1) If you have a certain js foundation, you can directly modify the js file
Mihuan 7 now uses js engine rendering, so modifying the number and position of components is achieved by modifying the js code
浏览附件12664


There is a watchface directory under the instance dial, and the index.js in it
Just talking about the key code, the following is the core code for adding components:

浏览附件12665

If you need to add components, add them according to the above logic!

For example, line 180 actually adds a time component, and the related configuration of the time component is actually objTime, look up this variable
浏览附件12666
The relevant configuration starts at line 56, which has an hour_startX and hour_startX, which is actually the xy coordinate position, continue to find nHourX nHourY
浏览附件12667
It is actually defined on lines 15 and 16, so if you need to modify the position, you need to modify the values of the two parameters here.
For example, modify it to let nHourX = 70

For specific component categories, please refer to the official documentation for parameter descriptions.

(2) It can also be done through Huami's official dial tool, but it is not suitable for Mi Huan 7 at present, so it needs to be adjusted after finishing. I'll talk about it later



3. Repackage and install:

After all files are modified, recompress them into zip. Then modify the suffix to .bin and install it on the bracelet using the replacement method.

Here is how to install
Dial custom APP installation

zeppLife replacement method steps
1. First install the Mars dial with zepplife synchronously
2. Then delete this file Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
3. Move the downloaded bin file to the Android/data/com.xiaomi.hm.health/files/watch_skin_local/BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ/ directory and rename it to BbWEpsCCfyhIZcBWkfbGlGkRTskWxqYZ.bin
4. Go to zepplife to install the Mars dial synchronously

END


The attachments put related tools and instance dials!
 

panhavorn

LV0
普通成员
UID
92222
2022-07-04
6
4
首发小米手环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


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

雷军大大

LV0
普通成员
UID
103983
2022-08-03
4
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
 

Retrol

LV0
普通成员
UID
106002
2022-08-08
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


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

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