locked
xaml grid animate to top RRS feed

  • Question

  • Hi All,

    I have two grids on my home page, when main page of my app loads then first grid shows and their is a button on top right corner when user click on that button then ,

    I want to show that second grid with some animation like coming from bottom or top with slow animation and becomes visible, and same behavior on click the top right button of that second grid, which shows now first grid with same animation.

    Please help me with some concepts about animation and code. I will be great thankful to any one who will help me.

    Please please please help me.

    Best Regards

    Friday, December 13, 2013 8:01 AM

Answers

  • It sounds as though you want to use a translatetransform for this scenario, along with a storyboard that uses a doubleanimation.  When you use this transform, the location of the grid is changed to a place relative to where it would normally be.  

    So, you use the translatetransform to move the grid to a location that is physically off the viewable area, then when your button is pressed, the storyboard starts, which changed the value of the translatetransform to 0, which would put the grid into it's final spot, which is where it would appear if you weren't using a transform.

    TranslateTransform:

    http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.media.translatetransform.aspx


    Matt Small - Microsoft Escalation Engineer - Forum Moderator
    If my reply answers your question, please mark this post as answered.

    NOTE: If I ask for code, please provide something that I can drop directly into a project and run (including XAML), or an actual application project. I'm trying to help a lot of people, so I don't have time to figure out weird snippets with undefined objects and unknown namespaces.

    Friday, December 13, 2013 1:17 PM
    Moderator