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]

The hourly value matches BIP 6 in the editor. However, the foreground and background are reversed in the minutely value. See photo.

Please send me the project where the error occurs. That will make it easier for me to test it.

[asoo]

Version 16.1
...

Hello Sasha,
When I try to overlay the numbers (effect for colors) in the editor, the foreground and background are swapped!

The hourly value matches BIP 6 in the editor. However, the foreground and background are reversed in the minutely value. See photo.

Best regards, JAGGER

Spoiler

I've encountered this problem before, and it's not a issue of program , but rather a requirement of the program's digital time generation method. If in widget "Digital time" if you use layer
Seconds , Minute , Hour

after you packed, elements seconds , minute , hour it will create in one widget ( normal_digital_clock_img_time )

It won't separate the widget into:
normal_digital_clock_img_time_hour
normal_digital_clock_img_time_minute

and that's the problem. When it doesn't separate them,
it combines all the "digital_clock_images" into a single widget.
Therefore, the layers aren't arranged correctly as you want.
if you use layer seconds , minute , hour script will pack like this :

Código: Selecionar todos

           
            normal_time_hour_text_font = hmUI.createWidget(hmUI.widget.TEXT, {
              x: 193,
              y: 88,
              w: 150,
              h: 65,
              text_size: 52,
              char_space: 19,
              color: 0xFFFF8C00,
              line_space: 0,
              align_v: hmUI.align.TOP,
              text_style: hmUI.text_style.ELLIPSIS,
              align_h: hmUI.align.LEFT,
              // padding: true,
              show_level: hmUI.show_level.ONLY_NORMAL,
            });

            normal_digital_clock_img_time = hmUI.createWidget(hmUI.widget.IMG_TIME, {
              hour_startX: 171,
              hour_startY: 103,
              hour_array: ["Time_0.png","Time_1.png","Time_2.png","Time_3.png","Time_4.png","Time_5.png","Time_6.png","Time_7.png","Time_8.png","Time_9.png"],
              hour_zero: 1,
              hour_space: 0,
              hour_angle: 0,
              hour_align: hmUI.align.LEFT,

              minute_startX: 169,
              minute_startY: 179,
              minute_array: ["Time_0.png","Time_1.png","Time_2.png","Time_3.png","Time_4.png","Time_5.png","Time_6.png","Time_7.png","Time_8.png","Time_9.png"],
              minute_zero: 0,
              minute_space: 0,
              minute_angle: 0,
              minute_follow: 0,
              minute_align: hmUI.align.LEFT,

              show_level: hmUI.show_level.ONLY_NORMAL,
            });

            normal_time_minute_text_font = hmUI.createWidget(hmUI.widget.TEXT, {
              x: 187,
              y: 164,
              w: 150,
              h: 79,
              text_size: 57,
              char_space: 14,
              color: 0xFFFF8C00,
              line_space: 0,
              align_v: hmUI.align.TOP,
              text_style: hmUI.text_style.ELLIPSIS,
              align_h: hmUI.align.LEFT,
              show_level: hmUI.show_level.ONLY_NORMAL,
            });

---

The easiest solution is to move the seconds layer to the bottom.

Then after you pack , you'll have separate digital_clock widgets for hour, minute, and seconds.
And the layering will be correct as you want.

if you use layer minute , hour, seconds script will pack like this :

Código: Selecionar todos

       
            normal_time_hour_text_font = hmUI.createWidget(hmUI.widget.TEXT, {
              x: 193,
              y: 88,
              w: 150,
              h: 65,
              text_size: 52,
              char_space: 19,
              color: 0xFFFF8C00,
              line_space: 0,
              align_v: hmUI.align.TOP,
              text_style: hmUI.text_style.ELLIPSIS,
              align_h: hmUI.align.LEFT,
              // padding: true,
              show_level: hmUI.show_level.ONLY_NORMAL,
            });

            normal_digital_clock_img_time_hour = hmUI.createWidget(hmUI.widget.IMG_TIME, {
              hour_startX: 171,
              hour_startY: 103,
              hour_array: ["Time_0.png","Time_1.png","Time_2.png","Time_3.png","Time_4.png","Time_5.png","Time_6.png","Time_7.png","Time_8.png","Time_9.png"],
              hour_zero: 1,
              hour_space: 0,
              hour_angle: 0,
              hour_align: hmUI.align.LEFT,
              show_level: hmUI.show_level.ONLY_NORMAL,
            });

            normal_time_minute_text_font = hmUI.createWidget(hmUI.widget.TEXT, {
              x: 187,
              y: 164,
              w: 150,
              h: 79,
              text_size: 57,
              char_space: 14,
              color: 0xFFFF8C00,
              line_space: 0,
              align_v: hmUI.align.TOP,
              text_style: hmUI.text_style.ELLIPSIS,
              align_h: hmUI.align.LEFT,
              show_level: hmUI.show_level.ONLY_NORMAL,
            });

            normal_digital_clock_img_time_minute = hmUI.createWidget(hmUI.widget.IMG_TIME, {
              minute_startX: 169,
              minute_startY: 179,
              minute_array: ["Time_0.png","Time_1.png","Time_2.png","Time_3.png","Time_4.png","Time_5.png","Time_6.png","Time_7.png","Time_8.png","Time_9.png"],
              minute_zero: 0,
              minute_space: 0,
              minute_angle: 0,
              minute_follow: 0,
              minute_align: hmUI.align.LEFT,
              show_level: hmUI.show_level.ONLY_NORMAL,
            });

Preview on Bip6 if you layer hour,minute,second

[SashaCX75]

@asoo That's why I usually ask for the entire project to check for errors. Sometimes the problem arises in a completely different place than you think.

I think it can be considered an editor error. In any mode, the preview in the editor should match what will be displayed on the clock.

Perhaps, as you said, the problem is caused by the fact that if you don't change the order of hours, minutes and seconds, they are created by a single widget. This is done so that the minutes can be set to follow the hours and you don't have to set separate coordinates for them (and for the seconds too). But few people use this feature. In addition, this can now be done using fonts, and there is a separate widget for this in the numeric time block in the editor. So maybe we could remove this option and always separate the hours, minutes and seconds into separate widgets? Maybe that would cause less confusion?

[asoo]

@asoo That's why I usually ask for the entire project to check for errors. Sometimes the problem arises in a completely different place than you think.

I think it can be considered an editor error. In any mode, the preview in the editor should match what will be displayed on the clock.

Perhaps, as you said, the problem is caused by the fact that if you don't change the order of hours, minutes and seconds, they are created by a single widget. This is done so that the minutes can be set to follow the hours and you don't have to set separate coordinates for them (and for the seconds too). But few people use this feature. In addition, this can now be done using fonts, and there is a separate widget for this in the numeric time block in the editor. So maybe we could remove this option and always separate the hours, minutes and seconds into separate widgets? Maybe that would cause less confusion?

Based on everything you've said, I agree. And I think removing that option should not cause any problems, because normally, every time I create a digital time, I always arrange the HMS layout first, as I want the widgets to be separate.
I think separating the HMS widgets makes them work better in custom script.

[Emiliomc]

Sasha, integration with Tasker would be a real revolution.

[JAGGER]

....

Hi, I've uploaded the ZIP file. If you want to take a look, here's the link; it's the last file, the one that starts with "Test"! The overlay is displayed correctly in the editor, but not on the clock where the minutes are. I used this effect because I was too lazy to display the numbers in a graphic like that Unfortunately, it's unusable because the minutes are swapped. Best regards

https://amazfitwatchfaces.com/bip/view/44668

Download "Test"!!!

[JAGGER]

I think it can be considered an editor error. In any mode, the preview in the editor should match what will be displayed on the clock.

Unfortunately, I'm not a program author like you or my brother, who works at Audi Ingolstadt.

As a user, it looks to me like the overlay is simply reversed for the minutes. Because the overlay is correct for the hours!

Best regards

[asoo]

Hi, I've uploaded the ZIP file. If you want to take a look, here's the link; it's the last file, the one that starts with "Test"! The overlay is displayed correctly in the editor, but not on the clock where the minutes are. I used this effect because I was too lazy to display the numbers in a graphic like that Unfortunately, it's unusable because the minutes are swapped. Best regards

https://amazfitwatchfaces.com/bip/view/44668

Download "Test"!!!

Based on the files you submitted, my review confirms that all the issues are as I previously described:
viewtopic.php?p=21792#p21792

This is the project file after the modifications I mentioned.
File use compress by Winrar Version 7.20 https://www.rarlab.com/download.htm
The project can be opened and edited with Editor Version 16.1 viewtopic.php?p=21787#p21787

File that Fixed issue in this project

This is not a watchface file.
This file contains:
- The project you mentioned
- Watchface.zip
Therefore, please uncompress before using it.

test_bip6_quantenworld_w_v1_aod_de_jagge-869952-3c42bde123.rar

(2.07 MiB) Baixado 61 vezes

It now displays like this on Bip6.

Hopefully, this is helpful.

[SashaCX75]

Sasha, integration with Tasker would be a real revolution.

How do you envision this integration with Tasker, and for what purpose?

[Emiliomc]

Assign a Tasker task to a button created with your application (Task Shortcut). Or to one of your application's default shortcuts. Many applications and launchers contain "Tasker Shortcuts" (to a Tasker task). Button Mapper, Nova Launcher, etc.

[SashaCX75]

But Tasker works on your phone. And the watch face is on your watch. The watch face cannot send data or commands to your phone.
For this to work, you need an intermediary application on the watch that will transmit commands to the phone. And you may need an intermediary application on the phone that will transmit commands to Tasker. Even if someone makes these applications, most users will not use them and will find them too complicated.

[Emiliomc]

I understand it can't be easy. You're right. But on the other hand, one thinks we could, for example, reply to WhatsApp messages from the watch... replies that would then go to a phone. Now, the Balance 2 doesn't have Amazon Alexa. They've replaced it with Zepp Flow (which is more limited). Perhaps with Amazon Alexa on the watch, I could turn a smart bulb on/off. With Zepp Flow, that's impossible. One also thinks about the feature some watches have that locates your phone by sending a command that makes it vibrate. I don't know, I think maybe something could be done. It would certainly be revolutionary and very practical. Let's not forget that the watch records activity and transmits it to the watch itself. Anyway, I don't know anything about programming. I've just been an average Tasker user for over 10 years.

[SashaCX75]

Version 16.1

Archive

Dropbox
GoogleDrive

Installer

Dropbox
GoogleDrive

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.

[cjlin]

Where can I find a user manual or instructional materials?

[asoo]

Where can I find a user manual or instructional materials?

You can find links related to Lessons and Guides
on the program's About page, but they aren't in English. However, they aren't difficult to understand.

Preview About page

[cjlin]

What are the minimum and maximum heart rate ranges in Amazfit Balance 2?

[cjlin]

Can the position of the displayed number change over time?

[SashaCX75]

What are the minimum and maximum heart rate ranges in Amazfit Balance 2?

I suppose it varies depending on age. It may also depend on other factors.

[SashaCX75]

Can the position of the displayed number change over time?

Could you please specify exactly what you’d like?

[cjlin]

Can the position of the displayed number change over time?

Could you please specify exactly what you’d like?

I want numbers to change both their content and position over time, like a second hand, displaying the number 5 at 5 seconds and at a 30-degree angle, and the number 30 at 30 seconds and at a 180-degree angle.
thank you

[asoo]

Can the position of the displayed number change over time?

Could you please specify exactly what you’d like?

I want numbers to change both their content and position over time, like a second hand, displaying the number 5 at 5 seconds and at a 30-degree angle, and the number 30 at 30 seconds and at a 180-degree angle.
thank you

You mean like this :

Preview

if yes , you can do it by use custom script. You can unpack and view script in index.js at the additional section.
https://amazfitwatchfaces.com/balance/view/744

However, there may be other, potentially better ways to do this, depending on the individual scriptwriter.

[Mano.Laikrodis]

Hello, I would like to ask why does adding ttf does not work? I mean it shows as though it is added, but it is still using system fonts i guess. How do i make it use my added font?

Edit: All is working, somehow my system can use this ttf font, but editor does not, although other fonts do work. Sorry.

[demiurg1]

Question: https://amazfitwatchfaces.com/balance/view/744
Can this watch face be converted into a watch face compatible with the GTR3 using the editor?
I was unable to import this watch face into the editor.

[asoo]

Question: https://amazfitwatchfaces.com/balance/view/744
Can this watch face be converted into a watch face compatible with the GTR3 using the editor?
I was unable to import this watch face into the editor.

Editor Version 16.1 can unpack and convert this watchface but after convert you must edit some value in " user_script.js" suitable for screen sizes of 454x454 (GTR3).

And after conversion, the current temperature section will not be displayed.
Because, if I remember correctly, ZeppOS 1 does not support the current temp (Value with angle) widget.

This file is project after unpack , convert and edit user_script.js

Download

combattaddscriptv2_4_sasha_GTR_3.rar

(2.86 MiB) Baixado 48 vezes

If possible, next time your question relates to a watchface you want to convert, it's recommended to ask in the watchface section of that device.

I will not be taking any further action.
If you require any further corrections, please proceed yourself.

[demiurg1]

Thank you very much.
I imported this watch face design for the GTR 3 into the editor without any problems. Now I'll work on it a bit and upload it to my GTR 3 smartwatch. Once everything is OK and I've verified it, I'll post this modified watch face design in "WatchFaces," which is here.
I added:
Unfortunately, I was unable to create numerical seconds running around the circumference of the watch face for the GTR 3. That's what I cared about most. It's probably not possible for this model.