How to make new watch faces for Amazfit - Amazfit

How to make new watch faces for Amazfit
Finally, after a long search, I have been able to find the way to make new Amazfit watch faces, demanding me hard work, but there is so much to do yet, many tests are needed. At the moment I only tested how to make analogic watch faces, not digital ones.
What is needed to make watch faces?
A PC software that can open images with alpha channel like Gimp, Photoshop, etc.
Find attached the download a template that I used to make the first fully working custom watch face. Use it just by changing image files and not rename it.
https://mega.nz/#!GUpSwAqa!kwlCHfx8b1evRUjbh3VMN-eXNRfnfnsoZrhrVd29IdY
In this tutorial I will use Photoshop, but these same steps can be done with other graphic software.
Ready to start!
Files to draw for watch face:
Background image
Background image with an 8 colors palette
Hours timehand image
Hours timehand image with an 8 colors palette
Minutes timehand image
Minutes timehand image with an 8 colors palette
Seconds timehand image
Preview image
All images with an 8 colors palette are needed for standby mode and it can only be drawn with the following 8 colors:
#ffffff
#ffff00
#ff00ff
#ff0000
#00ffff
#00ff00
#0000ff
#000000
If you want you can download the photoshop palette I made:
https://mega.nz/#!PQgVhIaJ!dR6RwuyOj_cVWYG8l5nzXLCv0D-iG11_RvNA5lvrLb0
Here is the list of all images to draw with important information such as file name, file type, file resolution and colours palette to be used for the image.
Background in normal mode
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Background in standby mode (8 colors only!)
Hours timehand in normal mode
Hours timehand in standby mode (8 colors only!)
Minutes timehand in normal mode
Minutes timehand in standby mode (8 colors only!)
Seconds timehand in normal mode
Preview to select the watch face
We have drawn all images of our simple watch face and can adjust files in the respective folders.
This is the final structure:
xml files
An Amazfit watch face needs 2 configuration xml files:
description.xml
watchface.xml
description.xml
This is the file I used for my watch face, parameters are self explaining so I will not add more. You can make a similar file only by changing watch face name and author.
NB: tag “settings” to “true” allow to modify the watch face inside the watch menu to load custom background as it is already possible with some standard watch face.
watchface.xml
This file contains images path to be used in the watch face.This file has a complex configuration and it also has the widget configuration to use inside the watch face. I have not been able yet to test everything as there is no official documentation and all data have been extracted from decompiled apk.
Simple version without widget:
Available attributes, not yet all tested:
config
configlist
dataType
height
id
mask
model
preview
type
width
x
y
Example of file with a widget:
The widget dataType are working:
“1” step
“2” today distance
“3” total distance
“4” calories
“5” heart rate
“6” date
“10” battery
The widget dataType aren't working:
“8” weather
“9” Air quality
“11” unknown
Making of watch face file
To make a file to fit Amazfit standard, just zip all the files and rename the zip with .wfz*extension in this way:
How to copy the new Watch Face inside Amazfit
Copy the watch face file inside the watch as any music file, so:
Turn on the Amazfit and connect it to PC
Open the main folder whit the list of all folders
Search the WatchFace folder, if not existing just make it (case sensitive)
Copy the .wfz file inside the WatchFace folder
Test the watch face from the watch!
Result
Normal mode:
Standby mode:
Thanks to @[Jaco69] for helping me in the translation

---

Great !
Thx for your job.
Well done !
Envoyé de mon MHA-L29 en utilisant Tapatalk

---

Awesome! Thanks!
Sent from my Z2 Plus using Tapatalk

---

Great work!!
I'm a bit surprised about the fixed 8 color palette. Are you sure about that? Some of the existing watchface backgrounds do not seem to only use these fixed colors in locked mode.

---

Neuer_User said:
Great work!!
I'm a bit surprised about the fixed 8 color palette. Are you sure about that? Some of the existing watchface backgrounds do not seem to only use these fixed colors in locked mode.
Click to expand...
Click to collapse
I know, i try a lot and if i use difference palette the images aren't show or are tranform in 8 color mode

---

I fixed widget example file Image, before there was an error

---

Cracklydisc said:
I fixed widget example file Image, before there was an error
Click to expand...
Click to collapse
Thanks. I tried to use it with no success so far. Already thought I am stupid I tried to put it into ".WatchFace" (was already existing on my watch) as well as "WatchFace" (new folder).
Gonna try again with the new file

---

Very Nice Tutorial, just a quick look what I've applied as a new watchfaces
Tips for creating background images (8c folders), it's not about 8c pallete, as long as your image does not exceed 10Kbytes (you can save it as png-8 with 256 colour if it doesn't exceed 10Kbytes in size), it would be fine, so make sure you check the size before zipping the files. The size for background images (outside 8c folder) are free, just make sure the size is not exceed 200Kbytes, so it would not take too much space on the watch memory.

---

penguinunix said:
Very Nice Tutorial, just a quick look what I've applied as a new watchfaces
Click to expand...
Click to collapse
Great Job!

---

Cracklydisc said:
How to make new watch faces for Amazfit
The widget dataType are (not tested) :
“1” step
“2” today distance
“3” total distance
“4” calories
“5” heart rate
“6” date
“8” weather
“9” Air quality
“10” battery
“11” unknown
Click to expand...
Click to collapse
1-6, 10 - Work :good:
8, 9 - Not work
https://forum.xda-developers.com/album.php?albumid=14026&pictureid=55256
https://forum.xda-developers.com/picture.php?albumid=14026&pictureid=55255

---

PrizrakS said:
1-6, 10 - Work :good:
8, 9 - Not work
Click to expand...
Click to collapse
Thanks a lot! I find these value in decompiled apk maybe in the future will be activated

---

penguinunix said:
Very Nice Tutorial, just a quick look what I've applied as a new watchfaces
Tips for creating background images (8c folders), it's not about 8c pallete, as long as your image does not exceed 10Kbytes (you can save it as png-8 with 256 colour if it doesn't exceed 10Kbytes in size), it would be fine, so make sure you check the size before zipping the files. The size for background images (outside 8c folder) are free, just make sure the size is not exceed 200Kbytes, so it would not take too much space on the watch memory.
Click to expand...
Click to collapse
Very NICE! Care to share?

---

Cracklydisc said:
Thanks a lot! I find these value in decompiled apk maybe in the future will be activated
Click to expand...
Click to collapse
Thank you for the discovery!
I tried all the options on the screen at the same time 1. That worked-I wrote.
For a self made screen 2, but photos are not yet gives added. Tired of the truth the coordinates to pick up (to fit)

---

Neuer_User said:
Very NICE! Care to share?
Click to expand...
Click to collapse
Here you go, just change to zip and unzip to see the source
https://mega.nz/#!9kB1TAQB!tHZYTiVRKIJ-U1BcpeSlMCJf3qdARqR31pBXXGEtS20
For those of you who get confused with coordinat, here the hints:
x = horizontal
y = vertical
center will be 160,160. if you add widget with size 40,40 to center the widget, use coordinat 120,120 (160-40)
Try to play with it, wish someone could make a graphical user interface to design the watch :laugh::laugh:
Someone have the link for the apk that can be used to take screenshoot? I forgot where can find the link ..

---

penguinunix said:
Here you go, just change to zip and unzip to see the source
https://mega.nz/#!9kB1TAQB!tHZYTiVRKIJ-U1BcpeSlMCJf3qdARqR31pBXXGEtS20
For those of you who get confused with coordinat, here the hints:
x = horizontal
y = vertical
center will be 160,160. if you add widget with size 40,40 to center the widget, use coordinat 120,120 (160-40)
Try to play with it, wish someone could make a graphical user interface to design the watch :laugh::laugh:
Someone have the link for the apk that can be used to take screenshoot? I forgot where can find the link ..
Click to expand...
Click to collapse
Thanks for sharing. Looks really great.
Now we need to find out, how we can "instruct" the settings part to allow choosing the other backgrounds you have in the wfz, and how to select what the widgets should show
---------- Post added at 06:15 PM ---------- Previous post was at 06:06 PM ----------
Btw. the official changelog to 1.2.11 mentioned some "tutorial at Huami Forum". If we can find and translate that, we might get some more insights into this, e.g. what the other attributes do etc.

---

Neuer_User said:
Thanks for sharing. Looks really great.
Now we need to find out, how we can "instruct" the settings part to allow choosing the other backgrounds you have in the wfz, and how to select what the widgets should show
---------- Post added at 06:15 PM ---------- Previous post was at 06:06 PM ----------
Btw. the official changelog to 1.2.11 mentioned some "tutorial at Huami Forum". If we can find and translate that, we might get some more insights into this, e.g. what the other attributes do etc.
Click to expand...
Click to collapse
That would be great, it's a good thing that huami keep it updated and it seems that they were reading what user want.

---

Neuer_User said:
Btw. the official changelog to 1.2.11 mentioned some "tutorial at Huami Forum". If we can find and translate that, we might get some more insights into this, e.g. what the other attributes do etc.
Click to expand...
Click to collapse
There you go! http://bbs.huami.com/thread-4939-1-1.html

---

alexinc said:
There you go! http://bbs.huami.com/thread-4939-1-1.html
Click to expand...
Click to collapse
No more info than my post, i read it 2 day ago

---

alexinc said:
There you go!
Click to expand...
Click to collapse
Only there's not blogged about the configuration to a file watchface.xml
Which fields as prescribe and what they stand for.
The fact that there are-there are here and here.

---

The question was to find the belonging thread on huami forum... That's what I answered. I already read it by Friday or at least I tried to.