Watch face editor for Amazfit watch on ZeppOS

[SashaCX75]

Alternative watch face editor for Amazfit watch on ZeppOS.

Supported watch models

- Amazfit Active
- Amazfit Active 2
- Amazfit Active 2 (Square)
- Amazfit Active Edge
- Amazfit Active Max
- Amazfit Band 7
- Amazfit Balance
- Amazfit Balance 2
- Amazfit Bip 5
- Amazfit Bip 5 Unity
- Amazfit Bip 6
- Amazfit Cheetah
- Amazfit Cheetah Pro
- Amazfit Cheetah (Square)
- Amazfit Cheetah 2 Pro
- Amazfit Falcon
- Amazfit GTR 3
- Amazfit GTR 3 Pro
- Amazfit GTR 4
- Amazfit GTR mini
- Amazfit GTS 3
- Amazfit GTS 4
- Amazfit GTS 4 mini
- Amazfit T-Rex 2
- Amazfit T-Rex 3
- Amazfit T-Rex 3 Pro
- Amazfit T-Rex Ultra
- Amazfit T-Rex Ultra 2

When unpacking the watch faces, it is advisable to immediately select the correct watch model, otherwise the colors may be distorted.

It is desirable to create a new project in a separate folder. Image names do not have to consist only of numbers, you can add short prefixes (for example, date_01, time_01).
Watch faces created in the editor and on Huami's website should unpack normally. Watch faces from Zepp and those created based on them will not be unpacked.
In a set of images for displaying one parameter (for example, images for displaying the day of the week), all images should preferably be the same size. If the size of the images is different, then the first image in the set should be the largest.

All new features in this and next release will be tested on the GTR4 and may not work on other models.

List of changes

v17.1

Fixed the bugs that were found.
Added support for Cheetah 2 Pro.

v17.0

Added the ability to create a ZAB file for publication in the store (button in settings)
Added wind speed in km/h
Added atmospheric pressure in mm Hg
Added support for T-Rex Ultra 2.

v16.1

The ability to invert time circles has been added.
Active Max support has been added.
Image file name verification has been added.
The behavior of application shortcuts in editable elements has been fixed.

v16.0

Added sleep widget.
Added text widgets.

v15.1

Added support for new watch models.
Added BioCharge widget.
Added buttons to launch new applications.

v15.0

Time circles added.
Added world time (time, city, time zone, time offset).
Added text display around the circle.
Added the ability to create watch faces in developer mode (for experienced users, allows logs to be displayed in watch faces).

v14.0

Added support for widgets: ALARM_CLOCK, TRAINING_LOAD, VO2MAX, AQI, BODY_TEMP, FLOOR, READINESS, HRV.
Added support for Balance 2.
Changed the structure of the Preview.States file.
When creating an animated preview, frames with a switchable background have been added.
Added the ability to display the city name in uppercase letters in the weather forecast.
Added links to lessons.

v13.2

Added support for Bip 6.
Fixed the progress display using the image set for most widgets. It should now be more similar to how it is displayed on the watch.
Reworked the code for displaying heart rate with a circular scale. It now uses the standard widget in place of the sensor.
Fixed PAI progress display. Note that the maximum value for the PAI pointer is 525, not 100. This is a feature of the watch, not the editor.
Added warning if files in watch face are in *.bin format.

v13.1

Added ability to make a shortcut to any application in editable items.
Added support for Active 2.
Fixed display of buttons and shortcuts when creating a GIF file.

v13.0

Added autosave (enabled in settings).
Added ability to switch background image by tap.
Added ability to switch background colour by tap.

v12.1

Added transparency for some widgets. Does not work on all models.
Added support for Amazfit T-Rex 3.

v11.2

Fixing the smooth second hand on the GTR4.

v11.1

Updated the digital time widget.
Updated shortcuts widget.
Added new application launch commands for buttons.

v11.0

Completely redesigned the weather widget.
Added weather widget for several days (forecast).
Added support for Bip 5 Unity.

v10.4

Added ability to display month names in a font.
Added Compass widget (works on ZeppOS 2 or later).
Added ability to create *.zpk file (enabled in settings).

v10.3

Added display of hours:minutes:seconds in a single line font.
Added display of date/month/year in one line font (order depends on the watch setting).
Added display of the day of the week in font.
Added new presets for button functions.

v10.2

Added ability to copy widget properties (context menu on the properties field).

v10.1

Added display of time and date in font.
Added widget for adding scripts to watch face.
Fixed bugs in sunrise/sunset operation on circle and at an angle.
Fixed bugs in digital time alignment.

v10.0

]Added support of fonts for data display (after installing such watch faces it is better to restart the watch).
Added possibility to display altitude (in barometer).
Completely redesigned the moon widget.
The arrow pointer for sun and moon should now not be displayed after sunset.
All images are now copied to the watch face, even if they are in folders.

v9.1

Fixed working with Amazfit Balance.
Added support for Amazfit Active.
Added support for Amazfit Active Edge.
Fixed display of distance on a circle.
Fixed displaying sunrise and sunset at an angle.
Added ability to convert images to ARGB format in settings.
Fixed continuous vibration in notifications.

v9.0

Added ability to create shortcuts for a set of images (IMG_LEVEL).
Added support for buttons and presets to launch inbuilt apps.
Added support for Amazfit Balance (not tested).

v8.2

Added ability to display angled or circumferential data for sunrise/sunset, maximum and minimum temperatures (for weather, separate units of Celsius and Fahrenheit only work on newer models).
Added support for Cheetah / Cheetah Pro.
Added support for Bip 5.
Theoretically it is now possible to add support for new models by editing the file in the model_config folder.

v8.1

Added ability to display data at an angle or in a circle for date and time.
Fixed found errors when unpacking dials.
Fixed found errors when working with UHD monitors.

v8.0

Added support for T-Rex Ultra
Added support for GTR Mini
Added the ability to display data at an angle or in a circle (battery, steps, distance, calories, heart rate, PAI, SpO2, stand)

v7.3

Fixed problems with icons in editable items.
Fixed problems with circular progress in editable items.
Added ability to set data rotation angle for some models (ZeppOS 2).
Improved algorithm for unpacking dials that contain additional features. Increased probability of partial dial recognition.

v7.2

Added the ability to change the type of line ending for linear and circular progress.
Added the ability to create shortcuts without using an image.

v7.1

Added independent element with image and top image.
For editable items on the clock, an additional selection in the form of a list is included.
Changed the function of creating an editable element for fat burning.
Fixed motion animation and rotation animation for GTR4 and GTS4.
Added wind direction.
Updated watch face file format.

v7.0

Added smooth second hand (several types)
Added alert every hour
Added the ability to change the direction of rotation of the hour hands
Added the ability to set the sector in which the hour hands work

v6.4

Improved the stability of the bluetooth connection loss notification function
Updated German and Spanish translation

v6.3

Added the possibility of notifications when the connection is broken and restored
Fixed work progress for fat burning
Fixed work progress for the pulse
Fixed bugs in temperature display
Fixed display of shortcuts in AOD mode

v6.1

Added Falcon support.
Changed the algorithm of shortcuts to eliminate conflicts with editable elements.
The configuration of created watch faces has been updated to version 2.

v6.0

Added support for editable background.
Added support for editable arrows.
Added support for editable elements.
Added German translation.

v5.0

Added support for GTR 4
Added support for GTS 4 Mini
Added support for Amazfit Band 7 (not to be confused with Mi Band 7)

v4.1

Fixed bugs when creating and unpacking GTR 3 Pro watch faces

v4.0

Added animation support.
Added Ukrainian language.
Added a tab with some tips on working with the editor.
Added the ability to display the distance in miles.

v 3.0

Added sunrise / sunset
Added barometer
Added stress
Wind added
Added fat burning
Added moon phases

v 2.0

Added weather.
Added workout (stand).
Added oxygen (SpO2).
Added humidity.
Added UV index.
Added the ability to highlight shortcuts when saving gif files (enabled in the settings).
Updated the display of shortcuts in connection with the firmware update on the watch.
Added Italian language.
Added Spanish language.

v 1.1

Fixed loss of error symbol for pulse.
Fixed errors when unpacking dials.
Fixed bug with incorrect model definition for GTS 3.

Version 17.1
Fixed the bugs that were found.
Added support for Cheetah 2 Pro.

Old versions

v 10.0
v 10.1
v 10.2
v 10.3
v 10.4
v 11.0
v 11.1
v 11.2
v 12.1
v 13.0
v 13.1
v 13.2
v 14.1
v 15.0
v 15.1
v 16.0
v 16.1
v 17.0

PS. The interface was translated using an online translator. If someone wants to improve the translation, then write to the PM.

PS2. Many people ask how to install watch faces. For starters, I advise you to read this topic. Personally, I prefer to use this program to install the created watch faces on the GTR 3 (for the GTS 3)

Сollection of code examples for use in watch faces.

Donate to the author - PayPal: [email protected].
Buy me a coffee

[SashaCX75]

@diver787
If a watch face is not installed via Zepp, its preview is not displayed in Zepp. The only exception is a watch face made on the basis of an official watch face with ID preservation.
Usually in such cases Zepp will display a preview of the last official watch face installed. Therefore, it may appear that a watch face installed from another source is also previewed in Zepp.

[SashaCX75]

@TRK88PL
I plan to add new data types in the next version. But I'm not sure that there will be sleep. I think that if I add sleep, I should add a sleep graph at once. Then it is more difficult to add a graph to an existing widget. And sleep graph is a non-standard widget and we will have to think about its implementation. I also haven't checked whether the standard widget displays sleep time with wake-up time or not. And I don't know how to make it more correct. So probably in the next updates.

About the animation of seconds passing in a circle, I'm not sure I understood you correctly. Can you show an example of how it should look like?

[TRK88PL]

I mean something like this https://amazfitwatchfaces.com/gtr/view/41640 this watch face it's coded but this show what I mean when I talk about seconds on circle.

[SashaCX75]

I mean something like this https://amazfitwatchfaces.com/gtr/view/41640 this watch face it's coded but this show what I mean when I talk about seconds on circle.

That is, the display of time is not arrows, but filled circles. I think it can be done. Only the analogue of a smooth second hand is unlikely to be made.

[SashaCX75]

By the way I have also a newbie question;) Is it possible with your tool to generate a very simple AOD face with only hours and minutes in 24-hours format ? The only format I have found is 12-hours format with am/pm ?

The format of the digital time display depends on the setting of the watch.

[Max88]

Hello guys. I have an amazfit bip 6 since yesterday and this tool is amazing.
I had already used it previously, but it has reached an super level of customization.

Sasha, is there a way to add a shortcut or something else to the watchface to recall zepp flow?
I know it can be done with long press of the physical button, but it would be great also having a shortcut on the watchface.
Thanks ^^

[asoo]

Hello guys. I have an amazfit bip 6 since yesterday and this tool is amazing.
I had already used it previously, but it has reached an super level of customization.

Sasha, is there a way to add a shortcut or something else to the watchface to recall zepp flow?
I know it can be done with long press of the physical button, but it would be great also having a shortcut on the watchface.
Thanks ^^

Please try to read in this link :
viewtopic.php?p=19558#p19558

Sorry :

Code: Select all

hmApp.startApp({ appid: 1038314, url: 'page/gtr/home/index.page'});

This is not flow appid for Bip6, I tested it on my Bip6 and it can not work on Bip6.

---

I found appid flow 1.8.2 on Bip6

Code: Select all

hmApp.startApp({ appid: 1076308, url: 'page/gtr/home/index.page'});

Tested on by Bip6 it's work

[SashaCX75]

Because Zepp Flow has a different ID on different models, I don't plan to add its shortcut to the editor.

[Max88]

Hello guys. I have an amazfit bip 6 since yesterday and this tool is amazing.
I had already used it previously, but it has reached an super level of customization.

Sasha, is there a way to add a shortcut or something else to the watchface to recall zepp flow?
I know it can be done with long press of the physical button, but it would be great also having a shortcut on the watchface.
Thanks ^^

Please try to read in this link :
viewtopic.php?p=19558#p19558

Sorry :

Code: Select all

hmApp.startApp({ appid: 1038314, url: 'page/gtr/home/index.page'});

This is not flow appid for Bip6, I tested it on my Bip6 and it can not work on Bip6.

---

I found appid flow 1.8.2 on Bip6

Code: Select all

hmApp.startApp({ appid: 1076308, url: 'page/gtr/home/index.page'});

Tested on by Bip6 it's work

Thank you a lot. I'll try as soon as I can.

@SashaCX75
Thank you however, I understand it would be a mess supporting this function for every model.
Maybe, if i can suggest it, you could add a note to the first post with the right command for every model. Just for the users who wants to add it to their watchface

Thanks again to all.

[SashaCX75]

Given that different versions of Zepp Flow have different IDs, it may change in future versions.

[rush2112]

@SashaCX75

Hello, thank you for the great work you're doing on the watch editor V 13.2. I have a GTR3 Pro, and I've noticed that when I create a watch face, the current temperature value at the angle doesn't display any numbers it's blank. Additionally, the value on the circle also remains blank, and the overall watch face appears empty. Are you able to fix this issue?

Spoiler

[asoo]

@SashaCX75

Hello, thank you for the great work you're doing on the watch editor V 13.2. I have a GTR3 Pro, and I've noticed that when I create a watch face, the current temperature value at the angle doesn't display any numbers it's blank. Additionally, the value on the circle also remains blank, and the overall watch face appears empty. Are you able to fix this issue?

Spoiler

I think the problem is unlikely to be with the Editor program.
If I remember correctly, The function that you mentioned, It not support in ZeppOS 1 .

[rush2112]

Okay. Thanks

[Max88]

hmApp.startApp({ appid: 1076308, url: 'page/gtr/home/index.page'});

Tested on by Bip6 it's work

Asoo could you tell me where to look for the app id of zepp flow? So, if it changes in future, I'll know where to find it.
Thank you ^^

[asoo]

hmApp.startApp({ appid: 1076308, url: 'page/gtr/home/index.page'});

Tested on by Bip6 it's work

Asoo could you tell me where to look for the app id of zepp flow? So, if it changes in future, I'll know where to find it.
Thank you ^^

I look at the App.json file of the program.
You can find the program here.
https://mmk.pw/en/zepp_explorer/1015833 ... 7/?v=1.8.2

Note: If there is a new update, you may have to wait for the web update before you can download it.

There may be other ways to do it, but for now I only know this one.

[SashaCX75]

@rush2112
I don't understand what is not working. In your screenshot, the angled temperature display and the circular temperature display are disabled. Of course, if they are disabled, they will not display data.

There are 2 ways to display the temperature at an angle. One of them doesn't work on GTR3 Pro and that's why it is inactive on your screenshot. But the second way works and you just need to switch it on where the arrow is showing.

[Guydu91]

Hello Sasha! First of all thanks for your great tool because it is very complete and efficient to edit all faces!:)

I have used it to modify some faces from this website and everything worked smoothly except one detail...
my new face is installing and working fine, I have also the preview of my face showing in the settings of my watch... but I don't have the preview of my actual face in Zepp app ? there is always still the preview of any other face taken last time directly from AW.

I have the file Preview.png in my folder generated by your tool, the resolution of this preview is 480x480 like my Balance resolution, could it be the problem with this resolution or maybe should I include another preview file?
Also when installing through developer mode I get this error message at the end:
install mini-program/watchface failed

By the way I have also a newbie question;) Is it possible with your tool to generate a very simple AOD face with only hours and minutes in 24-hours format ? The only format I have found is 12-hours format with am/pm ?

Many thanks in advance for your time!

Adrian

Your problem may be with the preview image, which, according to the official ZeppOS documentation, should be 324x324...
https://docs.zepp.com/docs/reference/re ... th-zepp-os
Best regards,
Guy.

[Mihhaili]

can someone point me in right direction. how to make watchfaces for bip s?

[asoo]

can someone point me in right direction. how to make watchfaces for bip s?

If you mean bipS Editor, this Editor is not for BipS
You can find more information about BipS by searching here
search.php?keywords=BipS

"Watch face editor for Amazfit watch on ZeppOS"
support Bip5 , Bip5 Unity, Bip6 only

[SashaCX75]

Hey everyone! I'd love some help editing this watchface to make the background completely black. I think it would look much better aesthetically and also make better use of the Bip 6's AMOLED screen. I downloaded the latest version of the editor from the awesome sachacx75, but I'm having trouble understanding how to use the app. The watchface is this one: https://amazfitwatchfaces.com/bip/view/43897

@lesly2316
1. Download the watch face file.
2. In the editor, click ‘Unpack watch face’ and select the downloaded file.
3. Open the folder with the unpacked watch face. You can click the ‘Open folder’ button in the editor or find it yourself in the folder with the editor.
4. Edit the images in any graphics editor.
5. Pack the watch face in the editor.

For more complex watch faces, the procedure may differ.

[frankh93]

Recently bought the Bip 6 and already published my first watchface going really basic on it... I'm working on another one but have been dealing with a issue, which I dont know if it's just me being dumb setting things or this behavior is intended.

Spoiler

I'm trying to add a digital clock like that, but wanna get rid of the AM/PM thing. Found that reducing the height of the element is a workaround and it seems to be working on the clock, but I noticed the clock gets misaligned a bit to the left, so I don't know if there's a way to do it or if I'm missing something could someone guide me?

Thank you beforehand fot the help, and also thank you SashaCX75 for such amazing tool for watchfaces creation.

[asoo]

Spoiler

Recently bought the Bip 6 and already published my first watchface going really basic on it... I'm working on another one but have been dealing with a issue, which I dont know if it's just me being dumb setting things or this behavior is intended.

Spoiler

I'm trying to add a digital clock like that, but wanna get rid of the AM/PM thing. Found that reducing the height of the element is a workaround and it seems to be working on the clock, but I noticed the clock gets misaligned a bit to the left, so I don't know if there's a way to do it or if I'm missing something could someone guide me?

Thank you beforehand fot the help, and also thank you SashaCX75 for such amazing tool for watchfaces creation.

I'm not sure if I understand correctly. From what I see you are using
"TT Hour:minute" to display the clock and don't want to display AM PM and you found issue in the alignment. If so, I would suggest you try using "TT Hour in font" and "TT Minutes in font" instead. You will have more flexibility in the alignment of the Hour and Minutes.

However, as far as I have tested, some True Type fonts sometime it not display on the device same as the preview shown in the editor, so in this case, you have to adjust it to suit your needs by viewing the results on the actual device.

[Emiliomc]

I'm not sure I understood you correctly. I think you want the time in 24-hour mode. That way, AM/PM is suppressed. To do this, just go to the SashaCX75 app settings and select/unselect that option.

[Emiliomc]

I've been using SashaCX75's app for a while to create my watchfaces for my GTS 4. Every time I create a digital watch and use "Value by Font" (with any font I use and without separating or joining the fonts) the classic ":" separator in the app image appears correctly located in the center. Not at the same level (below) where the hour and minutes are. However, when I install the created watchface (even after restarting) the ":" appear at the bottom, not in the center. I don't know if I'm doing something wrong or if there is no solution.

[frankh93]

Thanks @asoo and @Emiliomc. I'm using the text font thing for digital clock, centered horizontally, with top alignment on the text and reduced height to hide the AM/PM thing... In the preview it seems to work as I want and so in the watch, but only when 24h format clock is used, when I use clock with AM/PM format the clock gets a bit to the left, no centered as it's supposed to be.

I don't know if I'm missing something or if its creator (Sasha) could add an option to hide AM/PM thing from digital clock.