Silverlight 遊戲開發小技巧：動感彈出動畫

玩Silverlight的朋友一定對自帶控件ChildWindow印象深刻，Show的時候仿佛從遠處彈了出來，這個效果制作起來并不複雜，下面就将介紹這個小技巧，本篇并非是一個新鮮的技巧，而是一般的故事闆結合變換放縮實作。

<a href="http://blog.51cto.com/attachment/201111/205000999.jpg" target="_blank"></a>

做法也是很簡單，在這裡做一個抛磚引玉的小節吧：）

首先準備一個控件，這時為了更好的進行操作和控制，下面就是建立了Card控件，果斷的放上了鄙人的自畫像。

<a href="http://blog.51cto.com/attachment/201111/205008732.jpg" target="_blank"></a>

現在做一個放縮動畫，建立一個故事闆動畫

<a href="http://blog.51cto.com/attachment/201111/205015123.jpg" target="_blank"></a>

隻要添加兩個關鍵在0和0.5秒的位置即可

<a href="http://blog.51cto.com/attachment/201111/205022730.jpg" target="_blank"></a>

下面選擇開始點的關鍵幀位置的時間軸，将放縮設定為0

<a href="http://blog.51cto.com/attachment/201111/205030526.jpg" target="_blank"></a>

此時可以播放看一下效果，你會發現，圖檔從小到大，但是彈出的感覺沒有，沒關系，下面使用Easing（緩沖）的Elastic Out，當選擇一個關鍵幀的時候就會出現下面的界面，標明之後将Oscillations為2和Springiness為1，現在播放一下是否有點意思了呢。

<a href="http://blog.51cto.com/attachment/201111/205038301.jpg" target="_blank"></a>

現在到MainPage中，然後在Asset下面的Project标簽找到剛才建立的控件，如果沒有的話，需要編譯一下（Ctrl+Alt+B）。

<a href="http://blog.51cto.com/attachment/201111/205048159.jpg" target="_blank"></a>

然後進行一些布局，按具體照個人想法來設計，我加了一個按鈕用來觸發動畫播放。

<a href="http://blog.51cto.com/attachment/201111/205103653.jpg" target="_blank"></a>

按鈕事件不需要在背景來寫，隻需要標明按鈕，在右上的Properties标簽下面選擇事件分類，輕按兩下Click事件就會自動增加事件到背景代碼：

<a href="http://blog.51cto.com/attachment/201111/205114258.jpg" target="_blank"></a>

自動會出現這個Click事件，現在為這個事件增加對應動畫的播放行為即可。

<a href="http://blog.51cto.com/attachment/201111/205125859.jpg" target="_blank"></a>

具體效果可以預覽後面的效果，也可以下載下傳代碼檢視，本篇較為簡單，但是這個小細節卻能夠為遊戲或者應用錦上添花，它可以在視窗、按鈕、物體等多個地方應用，如果結合之前的一些例如動感菜單的效果，是不是會更加有趣了呢：）

本文轉自nowpaper 51CTO部落格，原文連結:http://blog.51cto.com/nowpaper/712745