在這一節裡將要用到在「認識工作區」中提到的時間抽了。這裡將和學習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...