Interactive dragger for slider

#1

Have you searched the Docs and Knowledge base?
Principle Version:5.9
macOS Version:10.15
Sketch Version: 61
Description of what you need help with: interactive touch slider

Hey guys,

I am building a touch slider (green ghost rectangle) with an indicator (purple lines) for the direction of the movement. The slider changes the count while moving.

I did the draggable slider with the count with “drag” funciton. And the indicator for the direction with “scroll” function. You can see it some how in the attached file - but not working properly.

My aim is to create a touch slider with a draggable slider which changes the count, an indicator for directional changes and also hotspots on the rectangles to fake a sensitive touch.

I can create all three behaviors itself but can’t combine them.
Is there a way to connect something like “drag” with “scroll” function? Or has anyone another idea?

Find here the prd-files: https://www.dropbox.com/s/qm7y1el3rwjqs56/WIP.zip?dl=0

Thanks.

Screenshots/Sketch File/Principle file: (if applicable)

0 Likes

#2

I have the same problem! Can’t find any solutions at all…

0 Likes

#3

Not sure this is what you guys are after, but I gave this a try.

Testslider08_Bouncer

If you have any questions feel free to ask, just try to explain what you are trying to achieve, or share some design files so I can get a better understanding.

1 Like