Charging Event on Watch Face Studio

Hi there, I’m playing around with Watch Face Studio and I was able to do good progress on developing my own Watch Face.

I’ve manage to create an circle progress bar, the % and the battery icon that will change automatically on 0%, 25%, 50%, 75% and 100%.

I was looking for a way to replace the icon with a “CHARGING” icon once I put the Watch to charge. But I wasn’t able to find the EVENT in the Condition line.

I’ve found NO EVENT, BATTERY LOW, UNREAD NOTIFICATION. But I wasn’t able to create a Condition line for the CHARGING EVENT. Could someone give me an hint about it?

Hi, to change icon you cant on a complication slot.
Unless you do wfs designer tag base progress bar and images.

Use the tagg [BATT_IS_CHARGE] and play around with opacity/ the percent thing next to color.

So e.g

To display charging icon

(([BATT_IS_CHARGE] ==1)?0:-100)

And to display not charging image

([BATT_IS_CHARGE] ==1)?-100:0)

2 Likes

Hi Knightwing,

I’ve do understand what you said but I wasn’t able to realize where I should place the tag,

First I’ve added my “charging image” and I’m trying to have that 100% Opacity and 0% opacity based on the [BATT_IS_CHARGE] … but I wasn’t able to figure out where the tag and condition should go.
Should that go on the % field in the Opacity? In the image appearance section?

Thank you in advance.

Hi, sorry for delay reply. But it the one next to color setting

Sorry no screenshot at the moment.
But its not opacity setting but color which also effects opacity

1 Like

Hello, yes it goes in the not described field next to color code. There is a fixed value that you may want to change to 0 plus formula in the field that can be displayed clicking on the tag button in right corner (which shows up when you click in the field first).
Illustration below shows formula for different case (blinking image of separator in digital watch), but that is where the opacity is set.

3 Likes

@Knightwing and @Peter

Thank you. With your help I was able to figure out and make it work!

Thank you so much!

1 Like

I did these, and it’s not working. If you need it, I’m on version 1.6.9.

What you trying to do?

1 Like

I must ask is -100 Opacity not the same as 0 . I must check .

I was trying to get a bolt to appear, but I ended up changing it just now to where instead of “0:-100” it’s now “100:-100” but, I mean, it fixes it

1 Like

Yes.

What my formula makes is

100 + 0 or 100 - 100

= 100% or 0%

1 Like

Ah. How I did it is, I had the opacity set to 0, but when I toggled the charging checkbox, it said the opacity was still 0 (above the box), so I experimented, and set the first number to 1, and when I checked the box, it changed the opacity to 1. (also I can’t test it on a watch yet mine still hasn’t arrived)

1 Like

To save Confusion I always use 0% to 100% and all those in between . I have no Idea what -100% will do . I will test it when I switch on my Laptop .