Silverlight初級教程 動畫

2022-02-14 20:12:51 字數 1155 閱讀 7927

在這一節裡將要用到在「認識工作區」中提到的時間抽了。這裡將和學習flash的過程一樣做乙個最簡單的動畫。

silverlight中的動畫是以「storyboard」的形式表現出來。「storyboard」你可以認為是flash中的時間軸。  flash中只有乙個時間軸,而在silverlight中卻可以有多個「storyboard」。

在flash中是有乙個幀頻的概念的,例每秒12幀、每秒30幀等。而在silverlight中則是完全的基於時間的,例完成乙個動畫所需的總共時間是10秒。

首先在舞台區域繪製乙個圓形,我們將為他做乙個移動的動畫。  繪製好後調整顏色等屬性。在「objects and timeline」面版中點選右側的「+」這個按鈕建立「storyboard」。

點選ok,這時大家所熟悉的時間軸出現了。現在的介面可能會有點擠,按「f6」進入動畫編輯工作布局。

上圖為新出現的時間軸。

這裡有三個按鈕需要記一下。乙個是剛才提到的「+」(建立『storyboard』),「×」(退出當前的『storyboard』),最左邊的(選擇已有『storyboard』進行編輯)。

下邊開始製作動畫。

選中剛才繪製的圓形。點選

。這個操作就相當於flash中的插入關鍵幀。(區別:flash中預設第一幀為關鍵幀而blend中沒有需要手動的建立乙個)

點選後在時間軸上回出現乙個白色的小點。

白色的小點上有乙個黃色的線。這個和flash中的指標是同樣的乙個東西。

將黃線移動到「2」的位置,並再次點選

,插入關鍵幀。

選中圓形向左拖動一段距離。

你可以將數值調大,這樣方便操作。

這裡我調整為300。在「2」個位置選中小白點並向前拖拽到「0.5」位置。  好了這樣完成這個動畫就只需要0.5秒了。

選中第乙個小白點。點選右側屬性欄。

這個和flash中的緩動是一樣的。可以自己調整曲線。

切換到「拆分檢視」用滑鼠選中**部分的「mystoryboard」。這時注意右邊屬性欄發生的變化。(經過我多次試驗才找出了視覺化設定storyboard屬性的方法)

用記事本(或你喜歡的任意一款文字編輯器)開啟page.xaml.cs檔案。

public page()

編輯好後回到blend中   按「f5」 編譯預覽動畫。

你也可以在做移動動畫的同時試試改變圓形的顏色等屬性。

Silverlight初級教程系列

目前網路上的silverlight的教程也有很多了。在這裡我會以乙個flasher的角度去講解如何進行silverlight的開發。在初級的教程中每乙個操作都會盡量用最簡單的方法來實現。其目地是給那些一點都沒接觸過silverlight從0開始學的人看的。這裡我不是微軟的員工也不是adobe的員工,...

Silverlight初級教程系列

目前網路上的silverlight的教程也有很多了。在這裡我會以乙個flasher的角度去講解如何進行silverlight的開發。在初級的教程中每乙個操作都會盡量用最簡單的方法來實現。其目地是給那些一點都沒接觸過silverlight從0開始學的人看的。這裡我不是微軟的員工也不是adobe的員工,...

Silverlight初級教程 庫

flash中有庫這個概念。庫里可以放很多的影片剪輯 mc 乙個mc可以在很多的地方使用,修改了庫中的mc所有用到這個mc的地方都跟著改變。這個 在silverlight中又是以什麼形式表現出來呢,怎麼做乙個元件在多個地方使用?在這裡來簡單的介紹一下silverlight中的 自定義使用者控 件 在s...