Circular slider procedure (without sprites)

Instead of using a slider to determinate the slider's value, for you @Bruno_santos you can use the termometer sensor or the Ambient temperature extension by @Taifun

3 Likes

Yes, that's the idea. The slider was only for the demonstration.

1 Like

Thank you!

2 Likes

Very Nice :+1:

2 Likes

Thanks a lot.
it would be interesting to use clockwise by suppresing 'neg' block for progression

2 Likes

a very good one
hint try creating 3 such concentric circles with each for RGB it is the good ui for color picker

2 Likes

I have modified the procedure to make it work as you expected.


CircularProgress_Thicker_MITAI2 (1).aia (12.0 KB)

9 Likes

Hey! I really like the modification you made to the indicator. I tried it today. Thank you!

5 Likes

Your topic convinced me to the canvas component :). Before, I hardly used it. But with a little imagination, you can create cool things for which I previously needed extensions. I am working on various components on a canvas right now.

6 Likes

I'm glad you can see the potential in the canvas. Some things might be a little slow but there's a lot that can be done in it with just a little work. Thanks for your contributions.

1 Like

Wow, that looks COOL

1 Like

Style from the Blynk app.

2 Likes

@Italo Thanks for this cool slider. and for the blocks. I learned a lot just from figuring out how it worked. And @Patryk_F, thanks for the mod'd version. These will be very useful in implementing in my apps. :+1:

2 Likes

hello Italo, how can i please set the Min value to something more than 0? for example 16

Using this example

Set the Slider_Value Thumb Position to 16

Is that what you wanted ?

Here also another simple example
circProgressCanvas1.aia (2.7 KB)

1 Like

Thank you for your reply !
yes that's what I meant but for the full circle Model.
I want it to start from 16 and end at max value then wraps to 16 again

Try this

CircularSlider_NoSprites_AI2_16.aia (12.1 KB)

it doesn't wrap.

Thank you so much !

hey, would you know how i can meke, for example, 4 circles that are around each other? I mean like a circular slider that has another one in the middle and so on...

Draw the big ones in the back first.