Ring like the progressbar on view transition

Dome said:

Is there any class in the SDK where I can get help or do I have to work with a timer based drawing?

TL;DR you have to draw it yourself / reinvent the wheel.

If you're writing a full-screen complex data field, then onUpdate() is already called roughly once every second for you. EDIT: Of course if this were a data field, then the watch would already draw the red or green ring for you, so that doesn't make any sense haha.

I'm guessing you're probably writing a device app, in which case you would probably already need a timer to trigger regular screen updates anyway.

You can use Graphics.Dc.drawCircle() to draw a circle centered on the center of the display, with radius equal to the display's radius.

Note that this won't work perfectly for device with a display that has an even number of pixels in height/width (i.e. all of time IIRC), since drawCircle() only works with integer coordinates and radius. If you try to mimic the native red/green ring with a single drawCircle(), you'll notice yours won't look quite as good (parts of the circle will be thinner than others.)

The workaround is to draw 4 overlapping circles.

If it's meant to be like a progress bar, you'd use drawArc() with the percentage maping to the degrees of the arc.  50% would be 180 degrees for example

I think it's meant to be like the red or green ring that you see on a Garmin running watch when you start or stop an activity, as mentioned in the OP.

it grows on some devices, when saving for example...  So like a progress bar. Not a fixed ring.

Thanks for all the answers. Yes i mean it like @FlowState, but i get it right, that the more general approach is like the progress bar?

Is there any source to find examples of the device specific ui differences?

Dome said:

Is there any source to find examples of the device specific ui differences?

I posted this in the other thread where we talked about this::

In the User Experience Guidelines section of the dev docs. e.g.

[https://developer.garmin.com/connect-iq/user-experience-guidelines/forerunner-2018/]

[https://developer.garmin.com/connect-iq/user-experience-guidelines/fenix-2022/]