BI商业智能>> WatchfaceAmazfitBip_Pebble>> 返回
项目作者： AzagraMac

项目描述 ：
:watch: Watchface for AmazfitBip
高级语言： Python
项目地址: git://github.com/AzagraMac/WatchfaceAmazfitBip_Pebble.git
创建时间： 2019-06-21T09:11:55Z
项目社区：https://github.com/AzagraMac/WatchfaceAmazfitBip_Pebble
开源协议：
下载


GitHub top language GitHub last commit (branch)

Watchface for Amazfit Bip


GIF 1

Unpacking .bin

Linux / Mac

  1. python dial2img.py -u -i 7e16e26c268d_packed.bin

Windows

  1. Watchface.exe 7e16e26c268d_packed.bin

Package to .bin

  • Create folder with the image files inside and the JSON. The name of the folder, as well as the name of the JSON file must be the same.

Linux / Mac

  1. cd 5c8916e440e6d/
  2. python dial2img.py -p -i 7e16e26c268d_packed.bin

Windows

  1. Watchface.exe 7e16e26c268d/7e16e26c268d.json

What colors can I use in the images?

Note: The color palette is limited, with the following

  • Black 0x000000
  • Blue 0x0000FF
  • Green 0x00FF00
  • Red 0xFF0000
  • Cyan 0x00FFFF
  • Purple 0xFF00FF
  • Yellow 0xFFFF00
  • White 0xFFFFFF
  • Transparent 0xFEFE00

Define background image

  1. "Background": {
  2.     "Image": {
  3.       "X": 0,
  4.       "Y": 0,
  5.       "ImageIndex": 0 // We tell you that the image will be called 000.png
  6.     }
  7.   },

We define the time

  1. "Time": {
  2.     "Hours": {
  3.       "Tens": {
  4.         "X": 2, // position on the shaft XY
  5.         "Y": 3,
  6.         "ImageIndex": 1, // we will indicate that the tens of hours
  7.         "ImagesCount": 3 // will start in the image 001.png up the image 003.png
  8.       },
  9.       "Ones": {
  10.         "X": 41, // position on the shaft XY
  11.         "Y": 3,
  12.         "ImageIndex": 4, // we will indicate that the units of the hours
  13.         "ImagesCount": 10 // will start in the image 004.png up the image 013.png
  14.       }
  15.     },
  16.     "Minutes": {
  17.       "Tens": {
  18.         "X": 2, // position on the shaft XY
  19.         "Y": 60,
  20.         "ImageIndex": 14, // we will indicate that the units of the minutes
  21.         "ImagesCount": 10 // will start in the image 014.png up the image 023.png
  22.       },
  23.       "Ones": {
  24.         "X": 41, // position on the shaft XY
  25.         "Y": 60,
  26.         "ImageIndex": 14, // we will indicate that the units of the minutes
  27.         "ImagesCount": 10 // will start in the image 014.png up the image 023.png
  28.       }
  29.     }
  30.   },

We define the data of the activities

  • Steps

    1. "Activity": {
    2.   "Steps": {
    3.     "TopLeftX": 64, // positioning using distances
    4.     "TopLeftY": 158, // to the different corners
    5.     "BottomRightX": 101,
    6.     "BottomRightY": 168,
    7.     "Alignment": "TopLeft",
    8.     "Spacing": 2,
    9.     "ImageIndex": 24, // the images of the counters
    10.     "ImagesCount": 10 // will start in the image 024.png up the image 033.png
    11.   },

  • Pulse

    1. "Pulse": {
    2.     "TopLeftX": 23, // positioning using distances
    3.     "TopLeftY": 158, // to the different corners
    4.     "BottomRightX": 44,
    5.     "BottomRightY": 168,
    6.     "Alignment": "TopLeft",
    7.     "Spacing": 2,
    8.     "ImageIndex": 24, // the images of the counters
    9.     "ImagesCount": 10 // will start in the image 024.png up the image 033.png
    10.   }

  • Weather

    1. "Weather": {
    2.   "Icon": {
    3.     "CustomIcon": {
    4.       "X": 81,
    5.       "Y": 75,
    6.       "ImageIndex": 41,
    7.       "ImagesCount": 26
    8.     }
    9.   },

  • Date

    1. "MonthAndDay": {
    2.     "Separate": {
    3.       "Month": {
    4.         "TopLeftX": 9,  // positioning using distances
    5.         "TopLeftY": 27, // to the different corners
    6.         "BottomRightX": 55,
    7.         "BottomRightY": 40,
    8.         "Alignment": "TopRight",
    9.         "Spacing": 3,
    10.         "ImageIndex": 23,  // the images of the counters
    11.         "ImagesCount": 10  // will start in the image 023.png up the image 032.png
    12.       },
    13.       "Day": {
    14.         "TopLeftX": 9,  // positioning using distances
    15.         "TopLeftY": 27, // to the different corners
    16.         "BottomRightX": 60,
    17.         "BottomRightY": 40,
    18.         "Alignment": "TopLeft",
    19.         "Spacing": 3,
    20.         "ImageIndex": 23  // the images of the digits
    21.         "ImagesCount": 10 // will start in the image 023.png up the image 032.png
    22.       }
    23.     },
    24.     "TwoDigitsMonth": true, // true If we want to show the month in 2 digits
    25.     "TwoDigitsDay": true // true If we want to show the day in 2 digits
    26.   },







    1. "WeekDay": {
    2.     "X": 133, // position on the shaft XY
    3.     "Y": 26,
    4.     "ImageIndex": 33, // the images of the digits
    5.     "ImagesCount": 7 // will start in the image 033.png up the image 039.png
    6.   }