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後才會執行動畫)




留言

這個網誌中的熱門文章

軟體工程師 - 成長的 10 個階段

常見的程式碼壞味道(Code Smell or Bad Smell)

什麼是 gRPC ?