FORUMS
Remove All Ads from XDA

How to make new watch faces for Amazfit

65 posts
Thanks Meter: 197
 
Post Reply Email Thread
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:
  1. #ffffff
  2. #ffff00
  3. #ff00ff
  4. #ff0000
  5. #00ffff
  6. #00ff00
  7. #0000ff
  8. #000000

If you want you can download the photoshop palette I made:

https://mega.nz/#!PQgVhIaJ!dR6RwuyOj...11_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


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:
  1. Turn on the Amazfit and connect it to PC
  2. Open the main folder whit the list of all folders
  3. Search the WatchFace folder, if not existing just make it (case sensitive)
  4. Copy the .wfz file inside the WatchFace folder
  5. Test the watch face from the watch!

Result

Normal mode:


Standby mode:


Thanks to @[Jaco69] for helping me in the translation
The Following 26 Users Say Thank You to Cracklydisc For This Useful Post: [ View ] Gift Cracklydisc Ad-Free
 
 
12th March 2017, 12:51 PM |#2  
Leon_Citron's Avatar
Senior Member
Thanks Meter: 43
 
Donate to Me
More
Great !
Thx for your job.
Well done !

Envoyé de mon MHA-L29 en utilisant Tapatalk
12th March 2017, 12:51 PM |#3  
Senior Member
Flag Petah Tiqwa
Thanks Meter: 441
 
Donate to Me
More
Awesome! Thanks!

Sent from my Z2 Plus using Tapatalk
12th March 2017, 02:39 PM |#4  
Senior Member
Thanks Meter: 2,516
 
More
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.
12th March 2017, 03:03 PM |#5  
OP Member
Flag Parma
Thanks Meter: 197
 
Donate to Me
More
Quote:
Originally Posted by Neuer_User

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.

I know, i try a lot and if i use difference palette the images aren't show or are tranform in 8 color mode
The Following 2 Users Say Thank You to Cracklydisc For This Useful Post: [ View ] Gift Cracklydisc Ad-Free
13th March 2017, 12:11 PM |#6  
OP Member
Flag Parma
Thanks Meter: 197
 
Donate to Me
More
I fixed widget example file Image, before there was an error
The Following User Says Thank You to Cracklydisc For This Useful Post: [ View ] Gift Cracklydisc Ad-Free
13th March 2017, 01:02 PM |#7  
Senior Member
Thanks Meter: 2,516
 
More
Quote:
Originally Posted by Cracklydisc

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

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
13th March 2017, 02:51 PM |#8  
Junior Member
Thanks Meter: 15
 
More
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.

Watchfaces
The Following 5 Users Say Thank You to penguinunix For This Useful Post: [ View ] Gift penguinunix Ad-Free
13th March 2017, 02:53 PM |#9  
OP Member
Flag Parma
Thanks Meter: 197
 
Donate to Me
More
Quote:
Originally Posted by penguinunix

Very Nice Tutorial, just a quick look what I've applied as a new watchfaces

Watchfaces

Great Job!
The Following User Says Thank You to Cracklydisc For This Useful Post: [ View ] Gift Cracklydisc Ad-Free
13th March 2017, 04:48 PM |#10  
Junior Member
Thanks Meter: 4
 
More
Quote:
Originally Posted by Cracklydisc

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

1-6, 10 - Work
8, 9 - Not work

https://forum.xda-developers.com/alb...ictureid=55256
https://forum.xda-developers.com/pic...ictureid=55255
Omega
Tissot
The Following 2 Users Say Thank You to PrizrakS For This Useful Post: [ View ] Gift PrizrakS Ad-Free
13th March 2017, 04:56 PM |#11  
OP Member
Flag Parma
Thanks Meter: 197
 
Donate to Me
More
Quote:
Originally Posted by PrizrakS

1-6, 10 - Work
8, 9 - Not work

Thanks a lot! I find these value in decompiled apk maybe in the future will be activated
Post Reply Subscribe to Thread

Guest Quick Reply (no urls or BBcode)
Message:
Previous Thread Next Thread
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes