• 米坛社区大会员体系升级,大会员每日专属登录礼品,彰显你的与众不同!
    点击这里查看全新权益,点击这里前往购买!
  • 米坛社区社区作者开启认证通道啦!认证成功后将会享受不一样的特殊权益
    点击这里查看认证公告及其认证方法!
  • Guest,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入官方QQ群
  • 论坛勋章已经开放申请
    展现你的与众不同,成为坛友的焦点!
    点击这里阅读完帖子内容进行申请。

米环6教程 【正式发布】环6表盘制作/移植教程|艺术家表盘移植全过程记录

WonderCatCN

WonderCatCN

玩转小米手环的初中生
社区作者
普通成员
Jul 4, 2020
185
1,288
上海浦东
www.facebook.com
抱歉了各位,最近比(都)较(在)忙(玩),没有发布这个教程,现在来了。

注意,无授权禁止转载!!!

Hello~

今天就来分享一下环6表盘的制作过程



序章:

所以呢,有一天米坛上某某人私信了我,说想要让我为环6适配艺术家表盘(具体见:bandbbs.cn/threads/2626/),顺便做一个教程,我拖来拖去到了五一假期,总算可以制作了,现在开始这个教程。



第一步:准备

由于这是从环5移植过来的,我们需要把背景图变得大一点,那么,背景图从哪里搞呢?

首先,拿一只野生的Apple Watch,打开艺术家表盘,截个图,再存到电脑上:
IMG_1973.png

接着我们打开Photoshop,改一下分辨率,唉,不对啊,各位都没有Apple Watch啊,那没事了。我们换一个方法。

===正经事从这开始===

我们先使用环5的表盘工具给艺术家表盘解一个包,最后是这样的:

1620219036743.png

我们将这个图塞进Photoshop,改成152*486(我不会用photoshop所以用Procreate替代)

1620219071032.png

接着使用PNG格式导出,并放到一个空的文件夹里,我们将其命名为 0000.png。我们再将其他的素材导入到这个文件夹里,就准备就绪了。(我直接用的是老的素材)

1620219097515.png





2. JSON,烦死了!!!!

我们这里有两个选择,使用环5的json文件或者重新写,我选择了前者,并加以修改。这里呢,就需要各位自己揣摩了,随便借个json文件,看看格式什么的,就行了。这里,我给大家一个非常基础的json格式,也就是我这个表盘的json,各位可以看一看。


{

"Background": {

"Image": {

"X": 0,

"Y": 0,

"ImageIndex": 0

},

"Preview1": {

"X": 21,

"Y": 30,

"ImageIndex": 17

},

"Preview2": {

"X": 21,

"Y": 30,

"ImageIndex": 17

},

"Preview3": {

"X": 21,

"Y": 30,

"ImageIndex": 17

}

},

"Time": {

"Hours": {

"Tens": {

"X": 59,

"Y": 228,

"ImageIndex": 14,

"ImagesCount": 3

},

"Ones": {

"X": 74,

"Y": 228,

"ImageIndex": 1,

"ImagesCount": 10

}

},

"Minutes": {

"Tens": {

"X": 96,

"Y": 228,

"ImageIndex": 1,

"ImagesCount": 6

},

"Ones": {

"X": 111,

"Y": 228,

"ImageIndex": 1,

"ImagesCount": 10

}

},

"UnknownV11": 0

},

"Status": {

"DoNotDisturb": {

"Coordinates": {

"X": 63,

"Y": 24

},

"ImageIndexOn": 12

},

"Lock": {

"Coordinates": {

"X": 85,

"Y": 24

},

"ImageIndexOff": 11

},

"Bluetooth": {

"Coordinates": {

"X": 74,

"Y": 24

},

"ImageIndexOn": 13

},

"Bluetooth": {

"Coordinates": {

"X": 74,

"Y": 24

},

"ImageIndexOff": 18

}

}

}



这样,json也准备完毕,准备开始打包。



3.打包与测试

将这个json文件拖到WatchFace.exe(这里是用的是4.1.0版本,可以在米坛里获取)。等待片刻,会发现文件夹里会出现一个.bin后缀的文件,这就是最终的表盘文件了。

1620219210696.png1620219215951.png



最后,我们将文件刷入环6,修改一些bug,就结束了。



这就是制作的全过程了,谢谢各位的观看。
 
Last edited:
  • 赞
Reactions: Cream and 米环hhr
harryxhk

harryxhk

米坛社区作者
社区作者
普通成员
Sep 3, 2020
72
181
14
上海
搞死了,在编辑器里弄了一半,结果网页突然刷新,giao,各位抱歉了。。。
在word里弄好复制进去吧,我有时候浏览器崩溃powerpoint崩溃word崩溃
 

川悦_

LV0
普通成员
Apr 30, 2021
9
0
还能抓住五一假期的尾巴发布不,网页都被我刷新爆了。
 
L

luqf871024

LV0
普通成员
Apr 20, 2021
14
0
首先,感谢分享!
其次,教程稍显简陋。比如有哪些信息是可以显示在表盘上的,代码分别怎么写等等。
再次,WatchFace.exe的4.1.0版本似乎有bug,有没有其他解包、打包工具?
最后,再次感谢分享!
 
WonderCatCN

WonderCatCN

玩转小米手环的初中生
社区作者
普通成员
Jul 4, 2020
185
1,288
上海浦东
www.facebook.com
WonderCatCN

WonderCatCN

玩转小米手环的初中生
社区作者
普通成员
Jul 4, 2020
185
1,288
上海浦东
www.facebook.com
首先,感谢分享!
其次,教程稍显简陋。比如有哪些信息是可以显示在表盘上的,代码分别怎么写等等。
再次,WatchFace.exe的4.1.0版本似乎有bug,有没有其他解包、打包工具?
最后,再次感谢分享!
首先,谢谢
其次,骚瑞啦,不是很会写,以后改改
再次,暂时没有
最后,谢谢
 

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