Animation in Windows 8 apps

最新推荐文章于 2025-09-12 14:21:37 发布

转载最新推荐文章于 2025-09-12 14:21:37 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qixue/archive/2013/01/11/2856579.html

文章标签：

#ui

本文介绍了一个在Windows8应用中实现动画效果的具体示例。通过使用Storyboard类及各种动画属性，如DoubleAnimation，可以平滑地改变UI元素的位置、大小等属性。示例代码展示了如何设置动画的时间间隔、起始位置和结束位置。

在Windows 8 App里边的动画和在silverlight里边还有稍微的区别，如代码：

using Windows.UI.Xaml;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Media.Animation;
using Windows.UI.Xaml.Controls;

        protected void DemoAnimation()
        {
            Duration m_Dur = new Duration(TimeSpan.FromSeconds(4));
            Storyboard sb = new Storyboard();
            sb.Duration = m_Dur;

            DoubleAnimation topAnimation = new DoubleAnimation();
            topAnimation.Duration = m_Dur;
            DoubleAnimation leftAnimation = new DoubleAnimation();
            leftAnimation.Duration = m_Dur;

            Storyboard.SetTarget(topAnimation, myPictureCanvas);
            Storyboard.SetTargetProperty(topAnimation, "(Canvas.Top)");
            Storyboard.SetTarget(leftAnimation, myPictureCanvas);
            Storyboard.SetTargetProperty(leftAnimation, "(Canvas.Left)");
            topAnimation.EnableDependentAnimation = true;
            leftAnimation.EnableDependentAnimation = true;
            topAnimation.From = 0;
            leftAnimation.From = 0;
            topAnimation.To = 500;
            leftAnimation.To = 500;


            DoubleAnimation heightAnimation = new DoubleAnimation();
            heightAnimation.Duration = m_Dur;
            DoubleAnimation widthAnimation = new DoubleAnimation();
            widthAnimation.Duration = m_Dur;

            Storyboard.SetTarget(heightAnimation, myPictureCanvas);
            Storyboard.SetTargetProperty(heightAnimation, "(Canvas.Height)");
            Storyboard.SetTarget(widthAnimation, myPictureCanvas);
            Storyboard.SetTargetProperty(widthAnimation, "(Canvas.Width)");
            heightAnimation.EnableDependentAnimation = true;
            widthAnimation.EnableDependentAnimation = true;
            heightAnimation.From = 50;
            widthAnimation.From = 50;
            heightAnimation.To = 500;
            widthAnimation.To = 500;
            sb.Children.Add(heightAnimation);
            sb.Children.Add(widthAnimation);

            sb.Children.Add(topAnimation);
            sb.Children.Add(leftAnimation);
            sb.Begin();
        }