How can I do a slide switch with 2 positions

[Alvaro Torres]

Hi everybody, I'm trying to make a slider two positions, only two positions, I do not want it to be like a volume slider or for adjusting the intensity of a screen for example, I want the slider only have two states and I would like to be look like the picture attached, anyone who can help me ?

[Abraham Getzler]

You can use a button with no text, transparent background,

and the choice of your two images as a background.

Each button push, check the background image and replace it

with the other one.

If you want swipe action, use a small canvas instead with transparent background,

and the choice of your two images as a background.

When you get a swipe, use the x direction to decide which

background image to apply.

ABG

[Alvaro Torres]

Abraham thanks for your answer, but I do not understand the procedure and the blocks I have to use for this. You could send a screen explaining the blocks?

[Abraham Getzler]

See attached.

ABG

[Scott Ferguson]

Nice, simple solution, Abraham :-)

---

sf

[Abraham Getzler]

Thanks.

The solution might be too simple, if the OP wants to emit a sound

when transitioning states.  In such a case, an additional test should

be added to do nothing if the desired target state is already in effect,

to avoid machine-gunning the transition sound during the drag.

ABG

[Scott Ferguson]

Yes. I have run into this issue before.

I have done a test using a flag variable as you suggest, then change it's logic value to stop processing the blocks in the dragged event block.

Another solution is the first time the dragged event fires, disable the component.

That prevents it from firing multiple times.

Of course if you will need to use the switch again during that session you will eventually need to enable the component again somewhere.

---

sf