How to implement Mail's Account Panel's animation？

Question

Thanks！

Answer 1

Hi,

If you mean the fly in/fly out animation, you can use a storyboard to animate its TranslateTranslation’s X/Y properties. If you’re new to XAML animation, you can refer to http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh452703.aspx for a quick start.

In addition, the document of Silverlight animation will also help: http://msdn.microsoft.com/en-us/library/cc189019%28v=VS.95%29.aspx. XAML animation in Metro is very similar to it.

Best Regards,

Ming Xu.

---

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact [e-mail].
Microsoft One Code Framework

Answer 2

Hi MingXu

How can i implement a Panel like Mail's Account Panel?

What animation should i use?

 

I wrote some code  like that, but still not the right one i need,please help

    <Grid x:Name="RootGrid">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        
        <Grid.Resources>
            <Storyboard x:Name="NavigaterStoryBoard">
                <PopInThemeAnimation  Storyboard.TargetName="Navigater" FromHorizontalOffset="-320"/>
            </Storyboard>
        </Grid.Resources>
        
        <!--Navigate Panel-->
        <Frame x:Name="Navigater" Grid.Column="0"   Width="320" />

        <!--Row 1-->
        <Frame x:Name="Content" Grid.Column="1"/>
    </Grid>

Answer 3

Hi,

It would be better if you can record a video to show what animation you want to display. It is not easy to provide sample code without knowing what you want effect to achieve.

If a built-in animation does not meet the requirement, then you can build a custom animation. Please refer to the links that pointed out in my previous reply to get started with animations.

Best Regards,

Ming Xu.

---

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact [e-mail].
Microsoft One Code Framework

Answer 4

reference to: http://social.msdn.microsoft.com/Forums/zh-CN/metroappzhcn/thread/ab2f7d65-98bf-450f-8c15-43db4f9e704f/#e6ba654a-3e63-4a2b-b98c-5de42feb8ecd

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us