《動(dòng)畫(huà)基礎(chǔ)課件》

1、整理課件動(dòng)畫(huà)基礎(chǔ)整理課件第一個(gè)簡(jiǎn)單動(dòng)畫(huà)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)的動(dòng)畫(huà)nn n n n myRotaten Angle n n n n n n n n n n 整理課件關(guān)鍵幀動(dòng)畫(huà)n n n n n myTransn Xn n n n n n n n n n n n n貝塞爾曲線整理課件nDoubleAnimation屬性屬性nStoryboard.TargetN

2、ame - 要進(jìn)行動(dòng)畫(huà)處理的對(duì)象的名稱要進(jìn)行動(dòng)畫(huà)處理的對(duì)象的名稱Storyboard.TargetProperty - 要進(jìn)行動(dòng)畫(huà)處理的對(duì)象的屬性要進(jìn)行動(dòng)畫(huà)處理的對(duì)象的屬性BeginTime - 時(shí)間線在被觸發(fā)時(shí)間線在被觸發(fā) BeginTime 的時(shí)間后才能開(kāi)始播放的時(shí)間后才能開(kāi)始播放TimeSpan - -日日.時(shí)時(shí):分分:秒秒.1位到位到7為的秒后的小數(shù)為的秒后的小數(shù)（可為正；可（可為正；可為負(fù)；可為空；默認(rèn)值為為負(fù)；可為空；默認(rèn)值為 0）From - 動(dòng)畫(huà)的起始值動(dòng)畫(huà)的起始值To - 動(dòng)畫(huà)的結(jié)束值動(dòng)畫(huà)的結(jié)束值By - 動(dòng)畫(huà)從起始值開(kāi)始計(jì)算，所需變化的總量（動(dòng)畫(huà)從起始值開(kāi)始計(jì)算，所需變化的

3、總量（To 優(yōu)先于優(yōu)先于 By）Duration - 時(shí)間線的持續(xù)時(shí)間時(shí)間線的持續(xù)時(shí)間TimeSpan - -日日.時(shí)時(shí):分分:秒秒.1位到位到7為的秒后的小數(shù)為的秒后的小數(shù)Automatic - 自動(dòng)確定自動(dòng)確定Forever - 無(wú)限長(zhǎng)無(wú)限長(zhǎng)AutoReverse - 動(dòng)畫(huà)完成后是否要原路返回。默認(rèn)值為動(dòng)畫(huà)完成后是否要原路返回。默認(rèn)值為 falseRepeatBehavior - 動(dòng)畫(huà)重復(fù)播放的時(shí)間、次數(shù)或類(lèi)型動(dòng)畫(huà)重復(fù)播放的時(shí)間、次數(shù)或類(lèi)型TimeSpan - -日日.時(shí)時(shí):分分:秒秒.1位到位到7為的秒后的小數(shù)為的秒后的小數(shù)nx - 播放次數(shù)。播放次數(shù)。1x, 2x, 3xForever

4、 - 永久播放永久播放SpeedRatio - 時(shí)間線的速率的倍數(shù)。默認(rèn)值時(shí)間線的速率的倍數(shù)。默認(rèn)值 1FillBehavior - 動(dòng)畫(huà)結(jié)束后的行為動(dòng)畫(huà)結(jié)束后的行為 System.Windows.Media.Animation.FillBehavior枚舉枚舉FillBehavior.HoldEnd - 動(dòng)畫(huà)結(jié)束后，保留動(dòng)畫(huà)屬性的結(jié)束值。默認(rèn)動(dòng)畫(huà)結(jié)束后，保留動(dòng)畫(huà)屬性的結(jié)束值。默認(rèn)值值FillBehavior.Stop - 動(dòng)畫(huà)結(jié)束后，恢復(fù)動(dòng)畫(huà)屬性為其初始值動(dòng)畫(huà)結(jié)束后，恢復(fù)動(dòng)畫(huà)屬性為其初始值整理課件新建項(xiàng)目TestAnimationn以下替換grid整理課件n n將演示圖板作為一種資源。將 S

5、toryboard 放入一個(gè)資源塊內(nèi)，以便能夠輕松地自代碼引用該 Storyboard，以執(zhí)行開(kāi)始、停止、暫停和繼續(xù)等操作。下面的標(biāo)記顯示 StackPanel 對(duì)象資源塊中聲明的 Storyboard。請(qǐng)注意，您可以在任意資源塊中聲明 Storyboard，只要該資源塊與您希望進(jìn)行動(dòng)畫(huà)處理的對(duì)象位于同一個(gè)作用域中。 n nStoryBoard對(duì)象的作用是通過(guò)時(shí)間線控制動(dòng)畫(huà)，并為其子動(dòng)畫(huà)提供對(duì)象和屬性目標(biāo)信息，還可以使用 Storyboard 對(duì)象的交互式方法來(lái)啟動(dòng)、暫停、繼續(xù)和停止動(dòng)畫(huà)。若要向?qū)ο髴?yīng)用動(dòng)畫(huà)，需要?jiǎng)?chuàng)建 Storyboard 對(duì)象并使用 TargetName 和 TargetPr

6、operty 附加屬性指定要進(jìn)行動(dòng)畫(huà)處理的對(duì)象和屬性。n示例中的 Storyboard 僅包含一個(gè)動(dòng)畫(huà)，不過(guò)您可以添加多個(gè)動(dòng)畫(huà)。 n n n n n 點(diǎn)擊正方形開(kāi)始動(dòng)畫(huà)n n 整理課件nDoubleAnimation 就是這樣一種動(dòng)畫(huà)；它可以創(chuàng)建兩個(gè) Double 值之間的過(guò)渡。若要指定 DoubleAnimation 的起始值，可設(shè)置其 From 屬性。若要指定其終止值，可設(shè)置其 To 屬性。 n創(chuàng)建了不透明度值從 1.0 向 0.0 過(guò)渡的動(dòng)畫(huà)，此過(guò)渡使目標(biāo)元素從完全不透明逐漸轉(zhuǎn)變?yōu)橥耆豢梢?jiàn)。若要使元素在消失后再逐漸回到視野中，請(qǐng)將 AutoReverse 屬性設(shè)置為 true。若要使動(dòng)

7、畫(huà)無(wú)限期地重復(fù)，請(qǐng)將其 RepeatBehavior 屬性設(shè)置為 Forever。n使用 TargetName 附加屬性指定要進(jìn)行動(dòng)畫(huà)處理的對(duì)象。在下面的代碼中，為 DoubleAnimation 指定了一個(gè)目標(biāo)名稱 myAnimatedRectangle，這是要進(jìn)行動(dòng)畫(huà)處理的對(duì)象的名稱。n使用 TargetProperty 附加屬性指定要進(jìn)行動(dòng)畫(huà)處理的屬性。在下面的代碼中，動(dòng)畫(huà)被配置為面向 Rectangle 的 Opacity 屬性。 n 整理課件n/ 當(dāng)用戶點(diǎn)擊正方形時(shí)動(dòng)畫(huà)開(kāi)始運(yùn)行nprivate void Mouse_Clicked(object sender, MouseEventA

8、rgs e)nn myStoryboard.Begin();nn從事件處理程序控制動(dòng)畫(huà)。 Storyboard 提供多種方法，這些方法允許您控制 Storyboard 動(dòng)畫(huà)的播放，包括 Begin、Stop、Pause 和 Resume。本示例使用 Begin 方法，該方法在用戶單擊矩形并引發(fā) MouseLeftButtonDown 事件時(shí)啟動(dòng)動(dòng)畫(huà)。 整理課件關(guān)鍵幀動(dòng)畫(huà)n n n n n n n n n n n n n n n n n n n n 整理課件另一種書(shū)寫(xiě)方式n n n n n n n n n n n n n n n n整理課件動(dòng)態(tài)創(chuàng)造圓n Ellipse ellipse = new

9、 Ellipse();n ellipse.Width = 150;n ellipse.Height = 150;n ellipse.Fill = new SolidColorBrush(Color.FromArgb(255, 255, 0, 0);ncanvas_parent.Children.Add(ellipse);整理課件C#實(shí)現(xiàn)動(dòng)畫(huà)n DoubleAnimation animation1 = new DoubleAnimation();n Storyboard.SetTarget(animation1, ellipse);n Storyboard.SetTargetProperty(a

10、nimation1, new PropertyPath(Canvas.Left);n animation1.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();整理課件

11、跟隨鼠標(biāo)n n n n n n n 整理課件n UserControl_MouseLeftButtonDown事件n/創(chuàng)建移動(dòng)動(dòng)畫(huà) n Storyboard storyboard = new Storyboard();n Point p = e.GetPosition(null);n /創(chuàng)建X軸方向動(dòng)畫(huà) n DoubleAnimation doubleAnimation = new DoubleAnimation(); n doubleAnimation.From = Canvas.GetLeft(ell);n doubleAnimation.To = p.X;n doubleAnimatio

12、n.Duration = new Duration(TimeSpan.FromSeconds(2);n Storyboard.SetTarget(doubleAnimation, ell);n Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath(Canvas.Left);n storyboard.Children.Add(doubleAnimation);n n /創(chuàng)建Y軸方向動(dòng)畫(huà) n doubleAnimation = new DoubleAnimation(); n doubleAnimation.From = Ca

13、nvas.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/動(dòng)畫(huà)播放 n storyboard.Begin(); 整理課件在運(yùn)動(dòng)過(guò)程中的條件控制