Silverlight開發歷程 動畫(線性動畫)

2021-08-26 13:08:14 字數 896 閱讀 8555

故事板與事件觸發器

storyboard(故事板) 必須指定兩個屬性 targetname(目標物件) 和targetproperty(目標屬性)這兩個屬性把故事板與要產生的動畫銜接起來,起到橋梁的作用。

看下面的例子:

在上面的例子中,我們為這乙個故事板新增了乙個doubleanimation型別的動畫,動畫的目標物件是乙個矩形rect 目標屬性是矩形的width 並且指定他的目標屬性是從0 到300

然後我們在canvas的loaded事件中,為動畫新增了觸發器canvas.triggers。

線性插值動畫

線性插值動畫支援doubleanimation、coloranimation和pointanimaiton型別 的動畫。不同型別的動畫,作用屬性的型別也不同,如下:

doubleanimation動畫

coloranimation動畫

執行結果:

在上面的例子中分別宣告了ellipse1 ellipse2兩個橢圓,並在usercontrol.resucress中宣告了storyboard1 和storyboard2兩個故事板,兩個故事板中包含了coloranimation元素,並讓ellipes的fill屬性由紅變為綠,並由綠變為紅。其中 (ellipse.fill).(solidcolorbrush.color)屬性表示ellipes物件的fill屬性填充brush集合中的solidcolorbrush

pointanimation動畫

下面例子是對ellipessgeometry的center屬性進行更改,讓小球做水平運動。

執行結果:

Silverlight開發歷程 關鍵幀動畫

每乙個關鍵幀都支援三種不同的補間型別,分別為 linear 線性 discrete 離散 spliend 多鍵 如下圖 doubleanimationusingkeyframes動畫 關鍵幀有兩個重要的屬性,分別是value和keytime,他們的作用是在keytime指定的某個時間點對value進...

Silverlight開發歷程 動畫(線性動畫)

故事板與事件觸發器 storyboard 故事板 必須指定兩個屬性 targetname 目標物件 和targetproperty 目標屬性 這兩個屬性把故事板與要產生的動畫銜接起來,起到橋梁的作用。看下面的例子 在上面的例子中,我們為這乙個故事板新增了乙個doubleanimation型別的動畫,...

跨平台開發silverlight

silverlight是能跨平台的.個人感覺sl和flash都差不多.要是比 絢 比 酷 sl站不到上風.只能在功能上比.sl和資料的結合是很不錯的.能呼叫很多的服務.但是用來做服務的後台檔案大多都受到伺服器平台的限制.之前做的好多demo都是因為沒有的方host導致我的demo都無法放到網上.近日...