windows-phone-8 - WindowsPhone8-マップコントロールの展開/折りたたみ

Question

これは私のページで、ユーザーの現在の場所を示しています。

マップコントロールの左下には、展開ボタンがあります。クリックすると、マップコントロールが全画面表示に展開され、ボタンが折りたたみボタンに変わります。これは簡単ですが、展開と折りたたみのプロセスをアニメートしたいと思います。これどうやってするの？

Answer 1

XAML 要素のアニメーション プロパティの概要については、こちらをご覧ください...

http://windowsphonegeek.com/articles/wp7-animations-in-depthndash-overview-and-getting-started

マップの場合、「高さ」プロパティをアニメーション化する C# コードを次に示します...

        // assumes Map element is called 'map'
        double height = map.Height;
        double from, to;

        // animate from 150 to 800, or vice versa
        if (height == 150)
        {
            from = 150;
            to = 800;
        }
        else
        {
            from = 800;
            to = 150;
        }

        Storyboard sb = new Storyboard();
        DoubleAnimation fillHeightAnimation = new DoubleAnimation();
        fillHeightAnimation.From = from;
        fillHeightAnimation.To = to;
        fillHeightAnimation.Duration = new Duration(TimeSpan.FromSeconds(0.3));

        Storyboard.SetTarget(fillHeightAnimation, map);
        Storyboard.SetTargetProperty(fillHeightAnimation, new PropertyPath("Height"));

        sb.Children.Add(fillHeightAnimation);
        sb.Begin();