Pause and End of Animation Listeners about dragdealer

[ovidiuch]

Is there a way to have a listener listen for when the user lets go of the handle and the animation ends on one of the steps?

The animationCallback gives you the exact value of handle as long as the handle is moving. You can detect the current step either by calling getStep() or by calculating it yourself using the value and the number of steps you have.

Is there a listener for when the user is dragging the handle and pauses whiles still holding down the handle?

No direct solution at the moment, can't think of an idea.

[lsdoodle]

Yes I am aware of the animationCallback, however I am looking for when the handle animation is complete.

lindsey siehda

lsdoodle.com
WhimInspiration.com

On Nov 24, 2014, at 4:49 PM, Ovidiu Cherecheș [email protected] wrote:

Is there a way to have a listener listen for when the user lets go of the handle and the animation ends on one of the steps?

The animationCallback gives you the exact value of handle as long as the handle is moving. You can detect the current step either by calling getStep() or by calculating it yourself using the value and the number of steps you have.

Is there a listener for when the user is dragging the handle and pauses whiles still holding down the handle?

No direct solution at the moment, can't think of an idea.

—
Reply to this email directly or view it on GitHub.

[ovidiuch]

Yes I am aware of the animationCallback, however I am looking for when the handle animation is complete.

Maybe I'm missing something, but wouldn't this do it?

var waitingForAnimation = true,
    prevX = null;

// ...

animationCallback: function(x) {
  if (!waitingForAnimation) {
    return;
  }
  if (x == prevX) {
    console.log('animation finished');
    waitingForAnimation = false;
    prevX = null;
  } else {
    prevX = x;
  }
}

Sorry for the hackish solution, no out-of-the-box one comes to mind.

[lsdoodle]

Better than mine, using a timer. Thanks!

Sent from my iPhone

On Dec 6, 2014, at 12:34 PM, Ovidiu Cherecheș [email protected] wrote:

Yes I am aware of the animationCallback, however I am looking for when the handle animation is complete.

Maybe I'm missing something, but wouldn't this do it?

var waitingForAnimation = true,
prevX = null;

// ...

animationCallback: function(x) {
if (!waitingForAnimation) {
return;
}
if (x == prevX) {
console.log('animation finished');
waitingForAnimation = false;
prevX = null;
} else {
prevX = x;
}
}
Sorry for the hackish solution, no out-of-the-box one comes to mind.

—
Reply to this email directly or view it on GitHub.

[lsdoodle]

I am working with your solution and the only problem is, is that prevX never ends up equaling x, so it will never call when animation is finished?

lindsey siehda

lsdoodle.com
WhimInspiration.com

On Dec 6, 2014, at 12:34 PM, Ovidiu Cherecheș [email protected] wrote:

if (!waitingForAnimation) {
return;
}
if (x == prevX) {
console.log('animation finished');
waitingForAnimation = false;
prevX = null;
} else {
prevX = x;
}

[ovidiuch]

Are you using the latest version of Dragdealer, I know this was an issue at some point but was fixed in #21

[lsdoodle]

Yes I am 0.9.7 , If you test your code you provided you will see it never gets called.

Also, is there a tween on the slider animation? Any way to set that tween?

lindsey siehda

lsdoodle.com
WhimInspiration.com

On Dec 10, 2014, at 3:17 PM, Ovidiu Cherecheș [email protected] wrote:

Are you using the latest version of Dragdealer, I know this was an issue at some point but was fixed in #21

—
Reply to this email directly or view it on GitHub.

[ovidiuch]

You're right, the animationCallback will never be called with the same value twice. I'm sorry, I don't think you can achieve the desired effect out of the box. If you have the time and will you might be able to fork Dragdealer and add some extra callbacks to server your needs. Some cues:

• Where the gliding ends
• Where dragging is canceled
• Where tapping is canceled

Also, is there a tween on the slider animation? Any way to set that tween?

No. This has been a long wish of mine from the beginning, but it would mean refactoring most of the original code so it never happened. What Dragdealer does is eat up part (based on speed option) of the remaining delta distance with every animation frame, until it reaches the target position