Silverlight動畫與執行

撰文：吳俊毅
時間：2009/12/05

筆者超久沒寫文章了，因最近新公司實在太忙，平常每天就在加班，假日還要來，所以...OK~筆者今天要介紹關於執行Silverlight動畫的技巧，相信許多讀者都見識過WPF的動畫，在Kaxaml中有一個有趣又簡單的範例(跳動的彩球)，如下：


筆者就直接拿他來說明，OK~它的Source Code如下：

由於預設的範例中已設定了EventTrigger，所以畫面一載入立刻就會執行動畫，且也將Storyboard的Duration屬性設為"Forever"了，所以動畫會一直無限次執行。

如果們希望動畫透過按下一個BUTTON才執行的話可以進行如下修改：

如上XAML程式碼，取消EventTrigger，並將Storyboard放入Grid.Resources中，原先的五個Ellipse須保留在Canvas中，然後再加入一個BUTTON。

接著在BUTTON的OnClick撰寫程式碼 (一行而已)

        private void button1_Click(object sender, RoutedEventArgs e)

        {

            Storyboard1.Begin();

        }

執行畫面如下：(按下Play後才會執行動畫)