Silverlight 游戲開發小技巧:動感彈出動畫

作者: nowpaper  來源: 博客園  發布時間: 2011-02-16 22:53  閱讀: 1357 次  推薦: 0   原文鏈接   [收藏]  

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

0_thumb[2]  做法也是很簡單,在這里做一個拋磚引玉的小節吧:)

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

1_thumb[2]  現在做一個放縮動畫,新建一個故事板動畫:

2_thumb[2]  只要添加兩個關鍵在0和0.5秒的位置即可:

3_thumb[1]  下面選擇開始點的關鍵幀位置的時間軸,將放縮設置為0:

4_thumb[1]  此時可以播放看一下效果,你會發現,圖片從小到大,但是彈出的感覺沒有,沒關系,下面使用Easing(緩沖)的Elastic Out,當選擇一個關鍵幀的時候就會出現下面的界面,選定之后將Oscillations為2和Springiness為1,現在播放一下是否有點意思了呢。

5_thumb[1]  現在到MainPage中,然后在Asset下面的Project標簽找到剛才創建的控件,如果沒有的話,需要編譯一下(Ctrl+Alt+B)。

6_thumb[1]  然后進行一些布局,按具體照個人想法來設計,我加了一個按鈕用來觸發動畫播放。

7_thumb[2]  按鈕事件不需要在后臺來寫,只需要選定按鈕,在右上的Properties標簽下面選擇事件分類,雙擊Click事件就會自動增加事件到后臺代碼:

10_thumb[2]  自動會出現這個Click事件,現在為這個事件增加對應動畫的播放行為即可。

11_thumb[2]  具體效果可以預覽后面的效果,也可以下載代碼查看,本篇較為簡單,但是這個小細節卻能夠為游戲或者應用錦上添花,它可以在窗口、按鈕、物體等多個地方應用,如果結合之前的一些例如動感菜單的效果,是不是會更加有趣了呢:)

  本篇工程源代碼下載地址如下:點擊直接下載

0
0
 
標簽:Silverlight
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()