在动画完成时删除FrameworkElements

时间:2009-04-22 19:29:49

标签: c# wpf animation storyboard frameworkelement

我一直在通过Sells / Griffiths的“WPF编程”教自己WPF,我发现它是一个很好的资源,但我正在尝试采用他们介绍给我的一些概念并去更进一步,我遇到了一个关于如何将各个部分放在一起以完成我正在尝试做的事情的概念性障碍。

在本练习中,我试图创建自动终止动画; FrameworkElement由Events创建,执行动画,然后自行删除。我在弄清楚如何从animation.Completed事件中回调父FrameworkElement时遇到问题。

我最初只是使用DoubleAnimation来解决这个问题,这些Storyboard不是Storyboard的一部分。我之后添加了Storyboard,并创建了<Window.Resources> <Storyboard x:Key="GrowSquare" x:Shared="False"> <DoubleAnimation Storyboard.TargetProperty="(Canvas.Top)" By="-50" Duration="0:0:2"/> <DoubleAnimation Storyboard.TargetProperty="(Canvas.Left)" By="-50" Duration="0:0:2"/> <DoubleAnimation Storyboard.TargetProperty="(Ellipse.Width)" By="100" Duration="0:0:2"/> <DoubleAnimation Storyboard.TargetProperty="(Ellipse.Height)" By="100" Duration="0:0:2"/> </Storyboard> <Rectangle x:Key="MyRect" x:Shared="False" Width="20" Height="20"> </Rectangle> </Window.Resources> <Canvas x:Name="myCanvas" MouseMove="myCanvas_MouseMove" Background="White"/> 和矩形资源,因此可以轻松地重复使用它们。

这是我到目前为止所得到的:
的.xaml:

public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
            lastFire = DateTime.Now;
        }

        DateTime lastFire;

        private void myCanvas_MouseMove(object sender, MouseEventArgs e)
        {
            DateTime nowTime = DateTime.Now;
            TimeSpan T = nowTime.Subtract(lastFire);

            if (T.TotalMilliseconds > 200)
            {
                lastFire = nowTime;
                Random Rand = new Random();

                Rectangle myRect = (Rectangle)FindResource("MyRect");
                myRect.Fill = new SolidColorBrush(Color.FromRgb((byte)Rand.Next(256), (byte)Rand.Next(256), (byte)Rand.Next(256)));
                Point myLoc = e.GetPosition(myCanvas);
                Canvas.SetLeft(myRect, myLoc.X - 10);
                Canvas.SetTop(myRect, myLoc.Y - 10);
                myCanvas.Children.Add(myRect);

                Storyboard SB = (Storyboard)FindResource("GrowSquare");
                SB.Completed += new EventHandler(SB_Completed);
                SB.Begin(myRect);
            }

        }

        void SB_Completed(object sender, EventArgs e)
        {
            myCanvas.Children.RemoveAt(0);
        }
    }

的.cs:

{{1}}

这有效,但不是我喜欢的方式。由于画布为空,并且所有动画的长度相同,因此当动画完成时,它将始终是在画布的第一个子画面上调用的画布。

但是,我想实现一段随机时间的动画,这意味着动画并不总是以相同的顺序开始和结束。不知何故,在SB_Completed事件中,我想访问它被调用的控件,但我似乎无法找到它的路径。

有没有办法从调用SB_Completed事件的Media.Animation.ClockGroup获取调用动画的控件?

1 个答案:

答案 0 :(得分:3)

将分配事件处理程序的行更改为:

SB.Completed += (s,e) => myCanvas.Children.Remove(myRect);