RadTileAnimation Overlapping

6 posts, 0 answers
  1. Mauro
    Mauro avatar
    24 posts
    Member since:
    Apr 2011

    Posted 13 Aug 2012 Link to this post

    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
  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 15 Aug 2012 Link to this post

    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.

  3. DevCraft banner
  4. Mauro
    Mauro avatar
    24 posts
    Member since:
    Apr 2011

    Posted 15 Aug 2012 Link to this post

    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
  5. Peter
    Peter avatar
    7 posts
    Member since:
    May 2011

    Posted 14 Oct 2013 Link to this post

    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.
  6. Peter
    Peter avatar
    7 posts
    Member since:
    May 2011

    Posted 14 Oct 2013 Link to this post

    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.

  7. Deyan
    Admin
    Deyan avatar
    2037 posts

    Posted 15 Oct 2013 Link to this post

    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 >>
Back to Top
DevCraft banner