Amazfit Watch faces

Translated my Mi Band 4 watchface editor into English. Maybe someone will find it useful. (Works on Windows 7+)

Download WF_Builder 1.0.4

Screenshot

WFB_104_2.png (88.5 KiB) Viewed 665507 times

Changelog

Code: Select all

1.0.4
Fixed the order of controls for [Tab] switching.
Removed "Pulse norm" parameter.
Added [F9] hotkey for fast switching to/from Selective palette packing.
1.0.3
Numeric values can now be changed with keyboard arrows.
Pulse indicator behaves similar to Mi Band's original behaviour:
- You can choose up to 7 images, 7th image will appear if the Pulse isn't defined (-1);
- First image appears up to 93 bpm. Other images appear on every next 20 bpm.
1.0.2
Fixed raw.cfg generation function. Selective palette mode is now working.
1.0.1
Added feature of choosing where to save preview (F7) in Options dialog.
Added selective palette mode feature (enable in Options to generate raw.cfg during Palette packing).
Program can now be associated with bin and json files (tries to unpack and open a file from command line parameters).
Inputboxes now show previous value.
1.0.0
Added boxes feature for sections with two pairs of coordinates. It's green if X2>X1 and Y2>Y1, otherwise it's red.
Added magnitude feature. Preview can now have double and triple size.
0.9.8
Added a ruler near preview which is replaced to the right upper corner of a window.
Added grid feature - changeable alignment (left/center), color, size. Don't forget to turn it off before saving to PNG.
Fixed some bugs
0.9.7
Added button highlighting: red button means you need to choose files for this section before packing, yellow button means this feature is optional.
Added optional section [PackingOptions] in Lib\WF_Builder.ini (for advanced user who need to change these options).
Switched to Mi Band 4 WF Tool 1.4.1 - added new sections: time separator, steps icon (it's placing depends on alignment), line progress bar of steps (I know, it works really weird for now, but it works the same way on Mi Band).
Images are now drawn by pixels, ignoring DPI (like they do in Mi Band). But Mi Band 4 WF Tool still needs 96 DPI to draw correct gif.
0.9.6
Fixed color saving in Steps indicator (circle).
Optimized redrawing operation during creating/saving/packing watchfaces.
Changed battery icon preview states to match Mi Band 4 behaviour.

WF_builder allows you to change all known parameters of a watchface. It shows how watchface will look like with different data on it. Program uses Mi Band 4 WF Tool for packing\unpacking watchfaces and has it inside Lib subdirectory. Lots of thanks to @lvpokka for this tool.

Previous versions

1.0.3

WFB_103_2.png (66.52 KiB) Viewed 666532 times

Download

1.0.2

WFB_102_2.png (97.89 KiB) Viewed 666945 times

Download

1.0.1

WFB_101_2.png (66.42 KiB) Viewed 668120 times

Download

1.0.0

WFB_100_2.png (95.65 KiB) Viewed 668396 times

Download

0.9.8

WFB_098_2.png (83.54 KiB) Viewed 668562 times

Download

0.9.7

WFB_097_2.png (71.41 KiB) Viewed 669211 times

Download

0.9.6

WFP_096_2.png (132.52 KiB) Viewed 670203 times

Download

0.9.5

WFB_095_1.png (57.03 KiB) Viewed 671035 times

Download

Recommendations

Turned section on? First of all choose all images for it (digits, suffixes, delimiters etc.).
You can choose images from any available directory. The only thing that matters is their order (0, 1, 2, 3, etc.). When saving watchface, images will be written into json-config directory.
When saving json, a backup file is created (file.json turns into file.json_HHMMSS.bak, where HHMMSS is the timestamp).
When packing, binary is renamed with suffix _Palette or _Raw, depending on the chosen mode.
There should be 21 images of weekdays (3 sets of 7 days: 2 chineese sets and 1 international set).
If your weekday sets make watchface too heavy, you may replace first 14 images with one transparent pixel images.

Virus?

There are no viruses in my program, but some antiviruses may see a threat because program is written on Autoit script language.
Program doesn't need admin permissions to work - it only needs write permissions to watchface directory.
But still. Use program at your own risk.

{
"Background": {
"Image": {
"X": 0,
"Y": 0,
"ImageIndex": 0
}
},
"Time": {
"Hours": {
"Tens": {
"X": 6,
"Y": 27,
"ImageIndex": 1,
"ImagesCount": 3
},
"Ones": {
"X": 29,
"Y": 27,
"ImageIndex": 1,
"ImagesCount": 10
}
},
"Minutes": {
"Tens": {
"X": 65,
"Y": 27,
"ImageIndex": 1,
"ImagesCount": 6
},
"Ones": {
"X": 93,
"Y": 27,
"ImageIndex": 1,
"ImagesCount": 10
}
}
},
"Activity": {
"Steps": {
"Number": {
"TopLeftX": 10,
"TopLeftY": 128,
"BottomRightX": 116,
"BottomRightY": 229,
"Alignment": "BottomCenter",
"Spacing": 3,
"ImageIndex": 11,
"ImagesCount": 10
}
},
"Pulse": {
"Number": {
"TopLeftX": 81,
"TopLeftY": 196,
"BottomRightX": 0,
"BottomRightY": 0,
"Alignment": "TopLeft",
"Spacing": 0,
"ImageIndex": 21,
"ImagesCount": 10
},
"NoDataImageIndex": 21
},
"Distance": {
"Number": {
"TopLeftX": 35,
"TopLeftY": 196,
"BottomRightX": 0,
"BottomRightY": 0,
"Alignment": "TopLeft",
"Spacing": 0,
"ImageIndex": 31,
"ImagesCount": 10
},
"SuffixImageIndex": 31,
"DecimalPointImageIndex": 111
}
},
"Date": {
"MonthAndDay": {
"Separate": {
"Month": {
"TopLeftX": 88,
"TopLeftY": 72,
"BottomRightX": 125,
"BottomRightY": 210,
"Alignment": "TopLeft",
"Spacing": 3,
"ImageIndex": 41,
"ImagesCount": 10
},
"Day": {
"TopLeftX": -2,
"TopLeftY": 72,
"BottomRightX": 74,
"BottomRightY": 210,
"Alignment": "TopRight",
"Spacing": 3,
"ImageIndex": 41,
"ImagesCount": 10
}
},
"TwoDigitsMonth": true,
"TwoDigitsDay": true
},
"WeekDay": {
"X": 12,
"Y": 73,
"ImageIndex": 89,
"ImagesCount": 21
}
},
"StepsProgress": {
"Linear": {
"StartImageIndex": 51,
"Segments": [
{
"X": 0,
"Y": 235
},
{
"X": 10,
"Y": 235
},
{
"X": 20,
"Y": 235
},
{
"X": 30,
"Y": 235
},
{
"X": 40,
"Y": 235
},
{
"X": 50,
"Y": 235
},
{
"X": 60,
"Y": 235
},
{
"X": 70,
"Y": 235
},
{
"X": 80,
"Y": 235
},
{
"X": 90,
"Y": 235
},
{
"X": 100,
"Y": 235
},
{
"X": 110,
"Y": 235
}
]
}
},
"Status": {
"Bluetooth": {
"Coordinates": {
"X": 41,
"Y": 6,
"BoxWidth": 15,
"Alignment": "Left",
"Order": 1
},
"ImageIndexOff": 110
},
"Battery": {
"BatteryConfig": {
"BoxWidth": 1,
"Alignment": 0,
"Order": 1
},
"Text": {
"TopLeftX": 69,
"TopLeftY": 7,
"BottomRightX": 0,
"BottomRightY": 0,
"Alignment": "TopLeft",
"Spacing": 0,
"ImageIndex": 63,
"ImagesCount": 10
},
"Icon": {
"X": 98,
"Y": 6,
"ImageIndex": 73,
"ImagesCount": 9
}
}
},
"Other": {
"Animation": {
"AnimationImage": {
"X": 0,
"Y": 0,
"ImageIndex": 82,
"ImagesCount": 7,
"x3": 0
},
"Speed": 0,
"RepeatCount": 0,
"x2": 100
}
}
}

bin file

Caz wrote: 26 Jan 2020, 12:26

"Speed": 0,
"RepeatCount": 0,

"I play animation 0 times at 0 speed. Why isn't animation working?"
You should have RepeatCount = 1 and the speed should be at least 4 (or the animation won't move, it's a firmware bug).

You should read something about watchface making. All of your questions aren't about WF_Builder.

Thanks that worked, great stuff

thats the thing see, when i ask you a question, i can understand your answer, i carry it out and it works lol

i have been reading up on WF making but its a lot to take in and if i am honest i only understand a quater of it

i find i learn more by trial and error it sinks in and means something, thanks to you i have now found out how to add miles, to make PNG files for animation small and to use pngquant and to check animation is set to run 1 time and to set speed to at least 4

thanks again for your help
caz

Can add weather in this builder..?
\

Dragos wrote: 31 Jan 2020, 13:16

Can add weather in this builder..?

No. Weather cannot be displayed on Mi Band 4. Hence there is no need to add weather to watchface.

Hi,

First I want to thanks you for making this tool.
I begin learning VB net only for this purpose, and you did it very better than me ^^
(just you to see my horrible thing : https://geekdoing.com/threads/mi-band-4 ... -net.1127/)

So i started editing it and was good looking for me.


The only thing is, I don't know why informations keeps "disappearing" after 2 seconds.
See the vid below in action :
https://streamable.com/pcvlo

Thanks for any answer or piece of explanations
I'll join the project too

Soaresden wrote: 17 Feb 2020, 13:51

The only thing is, I don't know why informations keeps "disappearing" after 2 seconds.

Hi. Read here.

Is there always a MI BAND firmware bug that after 1 second the information disappears? The time is always displayed but the heartbeats, steps, the day of the week and the logo disappear. It cannot be resolved. Other watchfaces don't have this problem.
I put 2 versions of the video, in the most recent one the battery remains on the screen. Thank you

old video https://youtu.be/TTTPZTc50R4

new video https://youtu.be/1kxYiDUPoNU

tigre652 wrote: 03 Mar 2020, 10:04

battery remains on the screen

Don't know anything about most recent firmwares.
Maybe the order of elements has changed. Seconds redrawing wipes out data that is drawn after it.

Ok, Thank's

How to download watchface builder

Vojta_CZE wrote: 05 Mar 2020, 16:08

How to download watchface builder

https://yadi.sk/d/FrdIdbQSudu9eg

How to make watchface server?

Sam70077 wrote: 08 Mar 2020, 05:40

How to make watchface server?

Don't know what you are talking about. This program helps building a watchface, that's all.

Hello! Can You help me?
I tried to open this Program: WF_Builder 1.0.4 .exe
But Shows "Windows cannot access the specified device, path, or file" So i turn off Some windows Antivirus firewall and virus detector.
but still not work. what can I do? Even Administrator Access not work...

How can I help you?

Program works just fine on any OS from Windows XP to Windows 10. The message you get looks like the result of some antivirus activity which holds the exe-file.

Is there more to this error than pure filesize?

Fatal|System.ArgumentException: [ERROR] Watchface is greater than 321kb, it will not be accepted by Mi Band 4, please reduce size! Current size:337kb

I started making a watchface, using the Raw Image Mode tool. My first background image was 3.34kb and the .bin file was packed fine.

My second background image had a tiny amount more text added (the word 'steps') and was also 3.34kb in size, but this error was thrown.

If I use the pngquant tool as suggest by another use, I can get the filesize down to 1.9kb, but the same error is still thrown by the Raw Image Tool.

I can get the .bin file to pack if I use the Pallet Tool, but the edges of the image come out all jaggy.

If I put the image onto a black background instead of making it transparent, the filesize goes up to 4.61kb, but the .bin file will pack with the Raw Image Tool just fine!

It doesn't seem to be a size vs file size on disk issue, because all the files are counted as 4kb on disk.

I feel like the error message being thrown isn't accurate or isn't describing the exact issue. I am wondering, what specifically is the tool looking at when it creates that error? I wonder if there is something else more to know which would help with deciding how best to make background image files?

Thanks for reading and too the tool maker for all your hard work on this tool. I have been enjoying using it a lot up until this point.

missmolotov wrote: 31 Mar 2020, 03:07

If I use the pngquant tool as suggest by another use, I can get the filesize down to 1.9kb, but the same error is still thrown by the Raw Image Tool.

Pngquant is good for reducing the image's total colors count. It is good for Palette, but It's totally useless if you pack it Raw.
And forget about the PNG sizes. Images aren't stored in PNG format inside the resulting BIN.

If you want to pack a watchface in Palette mode having numbers with transparent background, you can try using Stroke effect (outer, 1px, pick a colour similar to background) on each number image. The edge will still get jaggy after Palette packing, but you will hardly notice it on Mi Band.

Dandow wrote: 09 Sep 2019, 12:44

That's awesome!
Thanks a lot, i'll test it today.
I was wondering, did you contemplated "gif"?

How do i make a honor band 5 face plz help

buenas, ay alguna manera de poner capas delante o detras segun gusto de cada uno

Benjamin1983 wrote: 10 Jun 2020, 21:29

buenas, ay alguna manera de poner capas delante o detras segun gusto de cada uno

No se puede cambiar el orden de las capas.
There is no way to change the order of layers.

Please create a tool like this for miband5