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

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

GiveMeFive

米坛社区作者
社区作者
认证作者
普通成员
2019-06-21
340
5,835
首发小米手环7自定义表盘教程
自定义表盘整体思路和以前一致,分为以下几个步骤:
1.解包:

把.bin文件下载后,修改后缀为zip,解压即可
1654390809969.png
1654390830069.png
1654390844043.png

2.修改资源图片文件:


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


1654390967467.png

1654390983712.png
图片处理完直接替换assets目录下的原图即可

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


实例表盘下有个watchface目录,里面那个index.js
只说关键代码,以下是添加组件的核心代码:

1654391251217.png

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

比如180行实际上是添加一个时间的组件,时间组件的相关配置实际上是objTime,往上找这个变量
1654391316287.png
相关配置在56行开始,其中有一个hour_startX和hour_startX ,实际上就是x y坐标位置,继续往上找nHourX nHourY
1654391378801.png
实际上定义在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


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

附件

  • ImageToGTR3-mi7修复版.zip
    11.8 MB · 查看: 429
  • oOFbvPMnURnAQZdbvlZinnKohsENrIJY.bin
    116.9 KB · 查看: 278
最后编辑:

YMZJ100231

LV2
普通成员
2021-04-17
29
95
挺好,不过问题也挺多,我觉得我的深度分析已经算教程了awa
 

屑星星

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


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

帅波波

LV0
普通成员
2020-04-03
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,使用替换法安装到手环上。


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

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