動畫基礎(chǔ)課件

1、動畫基礎(chǔ)第一個簡單動畫n n n n n recn opacity n n n n n n n n private void button1_click(object sender, routedeventargs e)n n mystory.begin();n 改成矩形旋轉(zhuǎn)的動畫nn n n n myrotaten angle n n n n n n n n n n 關(guān)鍵幀動畫n n n n n mytransn xn n n n n n n n n n n n n貝塞爾曲線ndoubleanimation屬性屬性nstoryboard.targetname - 要進行動畫處理的對象的名稱要

2、進行動畫處理的對象的名稱storyboard.targetproperty - 要進行動畫處理的對象的屬性要進行動畫處理的對象的屬性begintime - 時間線在被觸發(fā)時間線在被觸發(fā) begintime 的時間后才能開始播放的時間后才能開始播放timespan - -日日.時時:分分:秒秒.1位到位到7為的秒后的小數(shù)為的秒后的小數(shù)（可為正；可（可為正；可為負(fù)；可為空；默認(rèn)值為為負(fù)；可為空；默認(rèn)值為 0）from - 動畫的起始值動畫的起始值to - 動畫的結(jié)束值動畫的結(jié)束值by - 動畫從起始值開始計算，所需變化的總量（動畫從起始值開始計算，所需變化的總量（to 優(yōu)先于優(yōu)先于 by）dura

3、tion - 時間線的持續(xù)時間時間線的持續(xù)時間timespan - -日日.時時:分分:秒秒.1位到位到7為的秒后的小數(shù)為的秒后的小數(shù)automatic - 自動確定自動確定forever - 無限長無限長autoreverse - 動畫完成后是否要原路返回。默認(rèn)值為動畫完成后是否要原路返回。默認(rèn)值為 falserepeatbehavior - 動畫重復(fù)播放的時間、次數(shù)或類型動畫重復(fù)播放的時間、次數(shù)或類型timespan - -日日.時時:分分:秒秒.1位到位到7為的秒后的小數(shù)為的秒后的小數(shù)nx - 播放次數(shù)。播放次數(shù)。1x, 2x, 3xforever - 永久播放永久播放speedrati

4、o - 時間線的速率的倍數(shù)。默認(rèn)值時間線的速率的倍數(shù)。默認(rèn)值 1fillbehavior - 動畫結(jié)束后的行為動畫結(jié)束后的行為 system.windows.media.animation.fillbehavior枚舉枚舉fillbehavior.holdend - 動畫結(jié)束后，保留動畫屬性的結(jié)束值。默認(rèn)動畫結(jié)束后，保留動畫屬性的結(jié)束值。默認(rèn)值值fillbehavior.stop - 動畫結(jié)束后，恢復(fù)動畫屬性為其初始值動畫結(jié)束后，恢復(fù)動畫屬性為其初始值新建項目testanimationn以下替換gridn n將演示圖板作為一種資源。將 storyboard 放入一個資源塊內(nèi)，以便能夠輕松地自代

5、碼引用該 storyboard，以執(zhí)行開始、停止、暫停和繼續(xù)等操作。下面的標(biāo)記顯示 stackpanel 對象資源塊中聲明的 storyboard。請注意，您可以在任意資源塊中聲明 storyboard，只要該資源塊與您希望進行動畫處理的對象位于同一個作用域中。 n nstoryboard對象的作用是通過時間線控制動畫，并為其子動畫提供對象和屬性目標(biāo)信息，還可以使用 storyboard 對象的交互式方法來啟動、暫停、繼續(xù)和停止動畫。若要向?qū)ο髴?yīng)用動畫，需要創(chuàng)建 storyboard 對象并使用 targetname 和 targetproperty 附加屬性指定要進行動畫處理的對象和屬性。n

6、示例中的 storyboard 僅包含一個動畫，不過您可以添加多個動畫。 n n n n n 點擊正方形開始動畫n n ndoubleanimation 就是這樣一種動畫；它可以創(chuàng)建兩個 double 值之間的過渡。若要指定 doubleanimation 的起始值，可設(shè)置其 from 屬性。若要指定其終止值，可設(shè)置其 to 屬性。 n創(chuàng)建了不透明度值從 1.0 向 0.0 過渡的動畫，此過渡使目標(biāo)元素從完全不透明逐漸轉(zhuǎn)變?yōu)橥耆豢梢?。若要使元素在消失后再逐漸回到視野中，請將 autoreverse 屬性設(shè)置為 true。若要使動畫無限期地重復(fù)，請將其 repeatbehavior 屬性設(shè)置為

7、 forever。n使用 targetname 附加屬性指定要進行動畫處理的對象。在下面的代碼中，為 doubleanimation 指定了一個目標(biāo)名稱 myanimatedrectangle，這是要進行動畫處理的對象的名稱。n使用 targetproperty 附加屬性指定要進行動畫處理的屬性。在下面的代碼中，動畫被配置為面向 rectangle 的 opacity 屬性。 n n/ 當(dāng)用戶點擊正方形時動畫開始運行nprivate void mouse_clicked(object sender, mouseeventargs e)nn mystoryboard.begin();nn從事件處

8、理程序控制動畫。 storyboard 提供多種方法，這些方法允許您控制 storyboard 動畫的播放，包括 begin、stop、pause 和 resume。本示例使用 begin 方法，該方法在用戶單擊矩形并引發(fā) mouseleftbuttondown 事件時啟動動畫。 關(guān)鍵幀動畫n n n n n n n n n n n n n n n n n n n n 另一種書寫方式n n n n n n n n n n n n n n n n動態(tài)創(chuàng)造圓n ellipse ellipse = new ellipse();n ellipse.width = 150;n ellipse.heigh

9、t = 150;n ellipse.fill = new solidcolorbrush(color.fromargb(255, 255, 0, 0);ncanvas_parent.children.add(ellipse);c#實現(xiàn)動畫n doubleanimation animation1 = new doubleanimation();n storyboard.settarget(animation1, ellipse);n storyboard.settargetproperty(animation1, new propertypath(canvas.left);n animation

10、1.from = 20;n animation1.to = 400;n animation1.duration = new duration(new timespan(0, 0, 0, 1);n storyboard sb = new storyboard(); n sb.repeatbehavior = repeatbehavior.forever;n sb.autoreverse = true;n sb.children.add(animation1);n sb.begin();跟隨鼠標(biāo)n n n n n n n n usercontrol_mouseleftbuttondown事件n/創(chuàng)

11、建移動動畫 n storyboard storyboard = new storyboard();n point p = e.getposition(null);n /創(chuàng)建x軸方向動畫 n doubleanimation doubleanimation = new doubleanimation(); n doubleanimation.from = canvas.getleft(ell);n doubleanimation.to = p.x;n doubleanimation.duration = new duration(timespan.fromseconds(2);n storyboa

12、rd.settarget(doubleanimation, ell);n storyboard.settargetproperty(doubleanimation, new propertypath(canvas.left);n storyboard.children.add(doubleanimation);n n /創(chuàng)建y軸方向動畫 n doubleanimation = new doubleanimation(); n doubleanimation.from = canvas.gettop(ell);n doubleanimation.to = p.y - ell.height;n doubleanimation.duration = new duration(timespan.fromseconds(2);n storyboard.settarget(doubleanimation,ell);n storyboard.settargetproperty(doubleanimation, new propertypath(canvas.top);n storyboard.children.add(doubleanimation);n/動畫播放 n storyboard.begin(); 在運