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

來源:互聯網
上載者:User
關鍵字 下面 小技巧 這個 現在

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

做法也是很簡單,在這裡做一個抛磚引玉的小節吧:)

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

現在做一個放縮動畫,新建一個故事板動畫:

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

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

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

現在到MainPage中,然後在Asset下面的Project標籤找到剛才創建的控制項,如果沒有的話,需要編譯一下(Ctrl+Alt+B)。

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

按鈕事件不需要在後臺來寫,只需要選定按鈕,在右上的Properties標籤下面選擇事件分類,按兩下Click事件就會自動增加事件到後臺代碼:

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

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

本篇工程原始程式碼下載位址如下:點擊直接下載

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.