This is a migrated thread and some comments may be shown as answers.

RadTileAnimation Overlapping

5 Answers 73 Views
Animation
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Mauro
Top achievements
Rank 1
Mauro asked on 13 Aug 2012, 06:55 AM
Hi,

I have a game in the Marketplace that uses the RadTileAnimation for my main menu. Now, in most cases time the animations play correctly. However, in some few scarce instances when the tiles animate in/out they all stack on top of each other and dont display correctly. This leaves the user having to exit the application and come back in to see  all the menu items. 

I have attached some screenshots for you, but I cannot reproduce the error as it happens very seldom and seems random. In the screenshots, the first is the main menu in its normal state, and the other one is what it looks like after the issue happens. (The other menu items are all stacked underneath the two that remain)

If you need any additional information, just let me know.

Regards,
Mauro

5 Answers, 1 is accepted

Sort by
0
Victor
Telerik team
answered on 15 Aug 2012, 01:03 PM
Hi Mauro,

Thanks for writing.
I am afraid that I could not reproduce the behavior you described. I will continue trying and will inform you as soon as I find what might be causing it.
Also if you manage to find a consistent way to reproduce it please let us know as soon as possible.

Regards,
Victor
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
Mauro
Top achievements
Rank 1
answered on 15 Aug 2012, 01:33 PM
Hi Victor,

Thanks very much for the reply. Like I said I cannot find a consistent way to reproduce it and it also happens very seldom, but if I find anything out I'll let you know

Regards,
Mauro
0
Peter
Top achievements
Rank 1
answered on 15 Oct 2013, 12:32 AM
I have also seen this issue.

Create a Page (Page-A) with tiles and a tile animation transition. Each tile should navigate to a new page (Page-B)

1. Run the app
2. From Page-A tap on a tile
3. From Page-B navigate back
4. Tap on a tile before the Backward-In animation has Completed
5. From Page-B navigate back

I can consistently reproduce this in my current app.
0
Peter
Top achievements
Rank 1
answered on 15 Oct 2013, 02:59 AM
I worked around this by adding the following:

In the constructor
var transition = GetValue(RadTransitionControl.TransitionProperty) as RadTileTransition;
if (transition != null)
{
    transition.BackwardInAnimation.Ended += (sender, args) => IsAnimating = false;
    transition.BackwardOutAnimation.Ended += (sender, args) => IsAnimating = false;
    transition.ForwardInAnimation.Ended += (sender, args) => IsAnimating = false;
    transition.ForwardOutAnimation.Ended += (sender, args) => IsAnimating = false;
}


Then in OnNavigatedTo flag that we are animating ( and just in case something goes horribly wrong and the events above do not fire, use a timer to force the value, may not be necessary)

IsAnimating = true;
Observable.Timer(TimeSpan.FromSeconds(1.5)).Take(1).Subscribe(_ => IsAnimating =
false);

Now on the tap handler for any tile button check this flag before navigating away.

0
Deyan
Telerik team
answered on 15 Oct 2013, 08:41 AM
Hello Peter,

Good that you've managed to workaround that glitch. We will log it into our TODO system for fixing and will try to deliver a fix on one of our future releases.

Let us know should you have further questions or need assistance.

Regards,
Deyan
Telerik
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINDOWS PHONE 7.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
Tags
Animation
Asked by
Mauro
Top achievements
Rank 1
Answers by
Victor
Telerik team
Mauro
Top achievements
Rank 1
Peter
Top achievements
Rank 1
Deyan
Telerik team
Share this question
or