Interaction for a simple iOS style toggle switch

Answered Victor Conesa ● 8 years ago

I'm trying to program the interaction for a simple (iOS style) toggle control. I'm using the toggle event with a move action to shift the inner circle 22 pixels to the right - and on another click I want the inner circle to shift back to its original position. But no matter how I set it up, the first click correctly moves the circle 22 pixels to the right, but the second click causes it to jump to a different position altogether. From that point on, each click works correctly to shift the circle 22 pixels back and forth...but from the wrong starting position. It seems to have something to do with the values entered for the move and how they relate to the starting position of the hotspot object but I can't figure out how to compensate. I've tried various groupings and applying the interaction to various pieces, and various parameters within the move itself - and they all do basically the same thing as noted above. The only difference is the starting position shifts around a bit - but never back to the circle's original position.