快捷導(dǎo)航

WPF實(shí)現(xiàn)動(dòng)畫效果（三）之時(shí)間線（TimeLine）

更新時(shí)間：2022年06月23日 11:17:24 作者：天方

這篇文章介紹了WPF實(shí)現(xiàn)動(dòng)畫效果之時(shí)間線（TimeLine），對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

WPF動(dòng)畫效果系列

WPF實(shí)現(xiàn)動(dòng)畫效果（一）之基本概念

WPF實(shí)現(xiàn)動(dòng)畫效果（二）之From/To/By 動(dòng)畫

WPF實(shí)現(xiàn)動(dòng)畫效果（三）之時(shí)間線（TimeLine）

WPF實(shí)現(xiàn)動(dòng)畫效果（四）之緩動(dòng)函數(shù)

WPF實(shí)現(xiàn)動(dòng)畫效果（五）之關(guān)鍵幀動(dòng)畫

WPF實(shí)現(xiàn)動(dòng)畫效果（六）之路徑動(dòng)畫

WPF實(shí)現(xiàn)動(dòng)畫效果（七）之演示圖板

正文

時(shí)間線（TimeLine）表示時(shí)間段。它提供的屬性可以讓控制該時(shí)間段的長(zhǎng)度、開(kāi)始時(shí)間、重復(fù)次數(shù)、該時(shí)間段內(nèi)時(shí)間進(jìn)度的快慢等等。在WPF中內(nèi)置了如下幾種TimeLine：

AnimationTimeline ：前面已經(jīng)介紹過(guò)，主要用于屬性的過(guò)渡，這種是最常見(jiàn)的動(dòng)畫。
MediaTimeline：用于控制媒體文件播放的時(shí)間線。
ParallelTimeline：ParallelTimeline 是一種可對(duì)其他時(shí)間線進(jìn)行分組的時(shí)間線，可用于實(shí)現(xiàn)較復(fù)雜的動(dòng)畫。
Storyboard ：一種特殊的 ParallelTimeline，可為其包含的時(shí)間線提供對(duì)象和屬性目標(biāo)信息。在XAML中經(jīng)常使用到它，在后面再專項(xiàng)介紹。
TimelineGroup：可包含其他 Timeline 對(duì)象的 Timeline 對(duì)象的抽象類。

常用屬性：

Duration：動(dòng)畫播放時(shí)間長(zhǎng)度
RepeatBehavior：重復(fù)行為（重復(fù)次數(shù)）
FillBehavior：動(dòng)畫結(jié)束后的行為（保持動(dòng)畫的結(jié)束狀態(tài)或恢復(fù)到初始狀態(tài)）
AutoReverse：按相反的順序重復(fù)播放動(dòng)畫
SpeedRatio：動(dòng)畫播放速率（用于加速或減速播放）
BeginTime：動(dòng)畫播放的起始時(shí)間

時(shí)間線控制：

到目前為止，我們雖然能創(chuàng)建并執(zhí)行動(dòng)畫，但僅僅能通過(guò)UIElement. BeginAnimation執(zhí)行開(kāi)始動(dòng)畫，還無(wú)法對(duì)動(dòng)畫進(jìn)行交互控制。在WPF中，還提供了一系列對(duì)時(shí)間線的控制操作，如：開(kāi)始、停止、暫停等。它們是通過(guò)Clock對(duì)象的Controller屬性來(lái)進(jìn)行的。下面就是一個(gè)簡(jiǎn)單的示例：

    var widthAnimation = new DoubleAnimation()
    {
        From = 0,
        To = 320,
        Duration = TimeSpan.FromSeconds(5),
    };

    var clock = widthAnimation.CreateClock();
    button.ApplyAnimationClock(WidthProperty, clock);

    await Task.Delay(3000);
    clock.Controller.Pause();

從這個(gè)代碼中可以看出，控制時(shí)間線的一般步驟如下：