Animations on button seems to stumble on every "first time", but not ever after, why?

Question

Hi Friends,

I made a button out of some imported gif in illustrator.

After I made 2 tiny animations.

One that flips image, and one that animates a "breathing" heartbeat which is eternally set, but paused, before animation "flip", and restarted when a fresh "input sequence" is started with Focus on TextBox1.

But for sure - the animation "flip" always stumble on the first run. Every time?!

But after - works perfect. And i get this stuble in both store app 8.1 and phone edition.

Read this;

https://social.msdn.microsoft.com/Forums/windowsapps/en-US/861a7683-dfdb-4928-ace1-538efd69628a/animation-flickers-the-first-time?forum=silverlightgamedev

But this seems like something else to me....any pointers?

Thanks

---

Regards, Kato.

Answer 1

Hi Kato,

I have such experience too, I don't know if that could be a help for your scenario.

In my animation, I played images one by one in a really short time so that they can behaviors like a gif, and every first time I play the animation, the images are flickering.

I changed the image source from backend instead of play the animation and I solve the flickering issue.

Could this help you? I don't know what "stumble" means in your question.

--James

---

<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support

Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

Answer 2

Hi James,

As blog I read, talked about "flickering" during animation, running my second "hearbeat" bye pushing button, my "flip" animation  does more "stumble/crash" every first time, even if "heartbeat" is paused first?! After first run it is always perfect?!

You write; "I changed the image source from backend instead of play the animation...."

What you mean here?

Else I still wonder about it...

---

Regards, Kato.

Answer 3

Looks we are talking about different things, could you share a reproducible demo so that we can get a better understanding for your issue and also debug the code to find a solution.

--James

---

<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support

Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

Answer 4

Hi,

Okei - you can test the app yourself;

http://apps.microsoft.com/windows/en-us/app/bmiuz/e6f29a5c-8e96-4017-a090-c2b1f54e3ce1

Let me know if you have any ideas...its also the same on the phone edition.

---

Regards, Kato.

Answer 5

Well, I can see that, the animation is not fired when first time click on the heart.

There must be something block the animation, could you share the animation part of code with me for a test, I don't know if the breathing animation block the flip animation.

--James

---

<THE CONTENT IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, WHETHER EXPRESS OR IMPLIED>
Thanks
MSDN Community Support

Please remember to "Mark as Answer" the responses that resolved your issue. It is a common way to recognize those who have helped you, and makes it easier for other visitors to find the resolution later.

Answer 6

okei - so why does it not get "blocked" on the second and eternal run, after the first?

As button is clicked;

this.ButtonAnimation.Pause();
this.ButtonFlipAnimation.Begin();

As input textbox1 is focused.

this.ButtonAnimation.Resume();

Dead simple - but stumble/crash on the first run.....

---

Regards, Kato.