[青春版1s]－[青春版1代]表盘转换成[青春版1s]表盘的教程

[TXK]

青春版1代表盘（BIP） 非常多，很多人想转成青春版1s表盘（BIP S），由于没有完整的修改方法，一直困扰着大家。
现在，我把完整的转换方法和工具，写成一个教程，希望能够帮助到大家：


1、新建两个文件夹，一个文件夹命名为 1 ，另一个文件夹命名为 1s 。

001.png (5.79 KiB) Viewed 11270 times

2、分别在 1 和 1s这两个的文件夹里，存入不同的解包和打包工具（1 和 1s 各自的专用工具）。并且把主程序重命名为 w.exe 如图所示：

002.png (54.95 KiB) Viewed 11270 times

003.png (21.77 KiB) Viewed 11270 times

3、找到并下载好自己喜欢的青春版1代（BIP）表盘，放到 1 这个文件夹里，用青春版1代的[解包工具]解包。如图所示：

004.png (26.21 KiB) Viewed 11270 times

005.png (22.53 KiB) Viewed 11270 times

016.png (89.57 KiB) Viewed 11266 times

006.png (18.59 KiB) Viewed 11270 times

007.png (16.18 KiB) Viewed 11270 times

4、把青春版1代的表盘解包后，进入1 这个文件夹，把解包后生成的表盘文件夹，复制到 1s 这个文件夹里面，如图所示：

008.png (26.6 KiB) Viewed 11270 times

5、用在线编辑工具对表盘进行简单的排版，然后导出保存JSON文件。友情提示：尽量不使用青春版1s[BIP S]的在线编辑工具排版（不完善），建议在1代表盘复制之前，先用青春版1代[BIP]的表盘编辑工具排版好以后再复制。


6、如图所示，用文本编辑器（记事本程序）打开范例里的cc.json这个文件。对在青春版1s手表[BIP S]不能正常显示的数据项，用文本编辑器（记事本程序）增加两行代码，然后保存。如图所示：

009.png (12.11 KiB) Viewed 11270 times

010.png (13.25 KiB) Viewed 11270 times

011.png (12.85 KiB) Viewed 11270 times

7、在1s文件夹，使用打包命令，对表盘进行打包。生成新的BIN格式的表盘文件。如图所示：

014.png (21.02 KiB) Viewed 11270 times

016.png (89.57 KiB) Viewed 11266 times

012.png (25.52 KiB) Viewed 11270 times

013.png (23.79 KiB) Viewed 11270 times

8、进入1s文件夹，找到打包工具生成的bin格式的表盘文件，就是你需要的：

015.png (38.9 KiB) Viewed 11270 times

cc_1s.gif (31.09 KiB) Viewed 11199 times

青春版1代－范例表盘下载：

cc-example范例表盘.zip

(7.6 KiB) Downloaded 261 times

表盘在线编辑工具以及解包和打包工具下载：
青春版1代表盘 [BIP]解包、打包工具（请选择第一个）：
https://bitbucket.org/valeronm/amazfitb ... downloads/
青春版1代表盘 [BIP]在线编辑工具：
有些地区，打下以下网址要梯子：
https://v1ack.github.io/watchfaceEditor/

或者，你直接使用这个，右上角，有个 设备 选择，选择正确的手表类型：
https://amazfit.netlify.app/

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
青春版1s表盘 [BIP s]解包、打包工具：
https://amazfit.netlify.app/tools/Amazf ... 230420.zip
https://myamazfit.ru/threads/bip-s-komp ... atov.1362/
青春版1s表盘 [BIP s]在线编辑工具（可能不是非常完善）：
https://amazfit.netlify.app/

[TXK]

进度条的地方要这样写:

Code: Select all

"StepsProgress": {
    "Linear": {
      "StartImageIndex": 62,
      "Segments": [
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 8,
          "Y": 165,
          "Unknown09": 0,
          "Unknown10": 0
        }
      ]
    }
  },

[TXK]

数字表盘代码.json 范例：

Code: Select all

{
  "Background": {
    "Image": {
      "X": 0,
      "Y": 0,
      "ImageIndex": 0
    }
  },
  "Time": {
    "Hours": {
      "Tens": {
        "X": 6,
        "Y": 5,
        "ImageIndex": 1,
        "ImagesCount": 10,
        "Unknown5": 0,
        "Unknown6": 0
      },
      "Ones": {
        "X": 36,
        "Y": 5,
        "ImageIndex": 1,
        "ImagesCount": 10,
        "Unknown5": 0,
        "Unknown6": 0
      }
    },
    "Minutes": {
      "Tens": {
        "X": 76,
        "Y": 5,
        "ImageIndex": 1,
        "ImagesCount": 10,
        "Unknown5": 0,
        "Unknown6": 0
      },
      "Ones": {
        "X": 106,
        "Y": 5,
        "ImageIndex": 1,
        "ImagesCount": 10,
        "Unknown5": 0,
        "Unknown6": 0
      }
    },
    "Seconds": {
      "Tens": {
        "X": 165,
        "Y": 16,
        "ImageIndex": 11,
        "ImagesCount": 6,
        "Unknown5": 0,
        "Unknown6": 0
      },
      "Ones": {
        "X": 175,
        "Y": 16,
        "ImageIndex": 11,
        "ImagesCount": 10,
        "Unknown5": 0,
        "Unknown6": 0
      }
    },
    "DrawingOrder": "4321"
  },
  "Activity": {
    "Steps": {
      "Number": {
        "TopLeftX": 5,
        "TopLeftY": 158,
        "BottomRightX": 50,
        "BottomRightY": 170,
        "Alignment": "TopRight",
        "Spacing": 1,
        "ImageIndex": 11,
        "ImagesCount": 10
      }
    }
  },
  "Date": {
    "MonthAndDay": {
      "Separate": {
        "Day": {
          "TopLeftX": 16,
          "TopLeftY": 67,
          "BottomRightX": 36,
          "BottomRightY": 77,
          "Alignment": "TopLeft",
          "Spacing": 1,
          "ImageIndex": 21,
          "ImagesCount": 10
        }
      },
      "TwoDigitsMonth": false,
      "TwoDigitsDay": true
    },
    "WeekDay": {
      "X": 43,
      "Y": 61,
      "ImageIndex": 31,
      "ImagesCount": 7,
      "Unknown5": 0,
      "Unknown6": 0
    }
  },
  "StepsProgress": {
    "GoalImage": {
      "X": 20,
      "Y": 129,
      "ImageIndex": 38
    },
    "Circle": {
      "CenterX": 30,
      "CenterY": 139,
      "RadiusX": 15,
      "RadiusY": 15,
      "StartAngle": 0,
      "EndAngle": 360,
      "Width": 4,
      "Color": "0xFFFF00"
    }
  },
  "Status": {
    "Bluetooth": {
      "Coordinates": {
        "X": 156,
        "Y": 152,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "ImageIndexOn": 39,
      "ImageIndexOff": 40
    },
    "Alarm": {
      "Coordinates": {
        "X": 70,
        "Y": 160,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "ImageIndexOn": 41
    },
    "DoNotDisturb": {
      "Coordinates": {
        "X": 57,
        "Y": 160,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "ImageIndexOn": 42
    }
  },
  "Battery": {
    "Text": {
      "Number": {
        "TopLeftX": 125,
        "TopLeftY": 153,
        "BottomRightX": 135,
        "BottomRightY": 173,
        "Alignment": "Center",
        "Spacing": 1,
        "ImageIndex": 43,
        "ImagesCount": 10
      }
    },
    "Icon": {
      "X": 98,
      "Y": 158,
      "ImageIndex": 53,
      "ImagesCount": 6,
      "Unknown5": 0,
      "Unknown6": 0
    }
  }
}

[TXK]

指针表盘代码.json 范例：

Code: Select all

{
  "Background": {
    "Image": {
      "X": 0,
      "Y": 0,
      "ImageIndex": 0
    }
  },
  "Activity": {
    "Steps": {
      "Number": {
        "TopLeftX": 83,
        "TopLeftY": 118,
        "BottomRightX": 128,
        "BottomRightY": 128,
        "Alignment": "TopRight",
        "Spacing": 1,
        "ImageIndex": 1,
        "ImagesCount": 10
      }
    }
  },
  "Date": {
    "MonthAndDay": {
      "Separate": {
        "Day": {
          "TopLeftX": 7,
          "TopLeftY": 12,
          "BottomRightX": 27,
          "BottomRightY": 22,
          "Alignment": "TopCenter",
          "Spacing": 2,
          "ImageIndex": 11,
          "ImagesCount": 10
        }
      },
      "TwoDigitsMonth": false,
      "TwoDigitsDay": false
    },
    "WeekDay": {
      "X": 146,
      "Y": 6,
      "ImageIndex": 21,
      "ImagesCount": 7,
      "Unknown5": 0,
      "Unknown6": 0
    }
  },
  "StepsProgress": {
    "GoalImage": {
      "X": 56,
      "Y": 115,
      "ImageIndex": 28
    },
    "Circle": {
      "CenterX": 66,
      "CenterY": 124,
      "RadiusX": 15,
      "RadiusY": 15,
      "StartAngle": 0,
      "EndAngle": 360,
      "Width": 4,
      "Color": "0xFFFF00"
    }
  },
  "Status": {
    "Bluetooth": {
      "Coordinates": {
        "X": 154,
        "Y": 150,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "ImageIndexOff": 29
    },
    "Alarm": {
      "Coordinates": {
        "X": 154,
        "Y": 150,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "ImageIndexOn": 30
    }
  },
  "Battery": {
    "Text": {
      "Number": {
        "TopLeftX": 4,
        "TopLeftY": 138,
        "BottomRightX": 14,
        "BottomRightY": 158,
        "Alignment": "Center",
        "Spacing": 1,
        "ImageIndex": 31,
        "ImagesCount": 10
      }
    },
    "Icon": {
      "X": 5,
      "Y": 158,
      "ImageIndex": 41,
      "ImagesCount": 6,
      "Unknown5": 0,
      "Unknown6": 0
    }
  },
  "AnalogDialFace": {
    "Hours": {
      "OnlyBorder": false,
      "Color": "0xFFFFFF",
      "Center": {
        "X": 88,
        "Y": 88,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "Shape": [
        {
          "X": 25,
          "Y": -2,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": -4,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": -15,
          "Y": 0,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": -6,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 50,
          "Y": 0,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": 6,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": -15,
          "Y": 0,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": 4,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 25,
          "Y": 2,
          "Unknown09": 0,
          "Unknown10": 0
        }
      ]
    },
    "Minutes": {
      "OnlyBorder": false,
      "Color": "0xFFFFFF",
      "Center": {
        "X": 88,
        "Y": 88,
        "Unknown09": 0,
        "Unknown10": 0
      },
      "Shape": [
        {
          "X": 35,
          "Y": -1,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": -3,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": -15,
          "Y": 0,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": -5,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 73,
          "Y": 0,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": 5,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": -15,
          "Y": 0,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 0,
          "Y": 3,
          "Unknown09": 0,
          "Unknown10": 0
        },
        {
          "X": 35,
          "Y": 1,
          "Unknown09": 0,
          "Unknown10": 0
        }
      ],
      "CenterImage": {
        "X": 84,
        "Y": 84,
        "ImageIndex": 47
      }
    }
  }
}

[TXK]

1.png (16.26 KiB) Viewed 9975 times

"Unknown9"：0 这种， 不用增加。
"Unknown5"：0 这种， 不用增加。

仅需要 在不显示的项目名代码后，增加（套入） "Number":{ }

2.png (4.47 KiB) Viewed 9974 times

3.png (18.53 KiB) Viewed 9974 times

==========================================


大致的流程，总结如下：

1) 到https://amazfitwatchfaces.com/bip/fresh?compatible=Bip下载青春版1代[BIP]的表盘bin文件
2) 用青春版1代[BIP]专用的解压打包工具解开bin文件，得到一个文件夹，里面有很多PNG图片和一个JSON文件
3) 把解压缩得到的表盘文件夹，复制到青春版1s[BIP S]的文件夹里，编辑图片或者JSON文件
4) 打开在线编辑器，点击“图像: 选择”，找到已拆解的表盘文件夹，按Ctrl+A全选所有图像，打开，接着点“JSON: 选择”，继续选择JSON文件，这样可以预览、排版表盘
5) 反复步骤3)和4)做更改，然后，用范例所示的代码，手工增加需要的新代码。
6) 用青春版1s[BIP S]专用的解压打包工具打包成bin文件。

注意：
1) 解压打包工具并不能解开所有1S表盘，比如官方表盘就不行
2) 在线编辑器的“编辑”功能可以实时预览JSON变动，修改后鼠标点击编辑框外，需要保存点“导出JSON文件”，但注意看下面的第 3) 这一条：
3) 青春版1S[BIP S]的解压打包工具还很不完善，建议尽量使用文本编辑器（记事本程序）编辑JSON文件，尽量不要使用 青春版 1s [BIP S ]的在线编辑器中的JSON导出功能
4) 不要在青春手表1上刷1S的表盘（特别是官方表盘），很可能会刷坏了，变成砖头。

解压打包工具原出处 https://myamazfit.ru/threads/bip-s-komp ... atov.1362/

[Pazu]

感谢你的讲解，茅塞顿开啊！看到你的这篇文章十分开心！
表盘背景图和数字素材哪里可以获取？或者用什么软件制作？

[TXK]

感谢你的讲解，茅塞顿开啊！看到你的这篇文章十分开心！
表盘背景图和数字素材哪里可以获取？或者用什么软件制作？

可以从别的表盘里取出来使用. WIN系统自带的画图程序也可以制作,还有,有专门的制作数字素材的工具,更专业的工具在这个网站的(表盘元素创建工具)菜单里:
https://amazfit.netlify.app/

[Pazu]

你好，我把BIP S官方的表盘下载下来，想用BIP s的解包工具，结果接包失败了。请问一下是什么原因。

[TXK]

你好，我把BIP S官方的表盘下载下来，想用BIP s的解包工具，结果接包失败了。请问一下是什么原因。

第三方工具并不能解开所有的官方工具,也不能完全使用所有的官方代码

[liuzhiaudio]

青春版1代表盘 [BIP]在线编辑工具打不开。

[TXK]

青春版1代表盘 [BIP]在线编辑工具打不开。

有些地区，打下以下网址要梯子：
https://github.com/v1ack/watchfaceEditor

或者，你直接使用这个，右上角，有个设备选择，选择正确的手表类型：
https://amazfit.netlify.app/