Animator控件可以讓你在儀表盤上定義動畫，可以動態(tài)的調(diào)整目標控件（比如一個圖表或橢圓）的屬性值。舉個例子，你可以使用animator控件讓你的圖表實現(xiàn)淡入顯示，這可以通過設置圖表的Opacity屬性實現(xiàn)。

用法

Getting started!

要使用這個插件，需將它安裝在Dundas Dashboard服務器上，然后重啟IIS。一旦安裝以后，Animator就會出現(xiàn)在Dundas Dashboard工具欄中。和其他控件一樣，可以拖拽Animator項到儀表盤畫板上。Animator可以讓你在設計時創(chuàng)建和管理動畫（如時間線）對象，但在預覽或查看儀表盤時它不會出現(xiàn)。

使用DoubleAnimation

DashboardDoubleAnimation項可以讓你為儀表盤控件加上一個double類型的動畫屬性。

下面這個例子展示了當儀表盤被預覽和查看時，如何設置一個圖表為淡入的效果：

1.選擇圖表控件 (BarChart1)，到它的屬性窗口，然后設置高級屬性Opacity為0.2；
2.拖放一個animator控件到畫板上，然后將它放在圖表的旁邊；
3.選擇動畫控件然后到屬性窗口。找到Children屬性，單擊ellipsis按鈕。

4.Children屬性對話框里沒有動畫顯示，所以單擊列表左下角的Add按鈕，添加一個DashboardDoubleAnimation實例。動畫的屬性就會顯示在右邊。

5.設置動畫的屬性：

• 設置Duration為00:00:05（表示持續(xù)時間為5秒）；
• 設置End Value為1.0（表示最終透明度值）；
• 設置Increment By為0.8（表示透明度值的總體增長量）；
• 設置Start Value為0.2（表示初始透明度值）；
• 設置Target Name為 BarChart1（表示動畫控件的名字）；
• 設置Target Property Name為Opacity（表示動畫屬性）。

6.Name屬性給出了一個默認值（比如“DoubleAnimation1”），但是你可以選擇一個更有意義的名字來描述動畫，例如"FadeIn"或"FadeOut"。

Animator對象現(xiàn)在已經(jīng)配置好了，但沒有顯示出來，直到動畫通過一行腳本啟動時才會顯示。你可以從任何交互中調(diào)用這行腳本，比如單擊某個按鈕。在下面這個例子中，儀表盤被查看時動畫將會啟動：

1.選擇儀表盤（畫板），然后到屬性窗口；
2.找到On Load Interactions屬性，單擊它的ellipsis按鈕；
3.在On Load Interactions屬性窗口，單擊列表左下角的Add按鈕，那么一個DundasScript交互就添加完成；
4.找到Script屬性，單擊它的ellipsis按鈕。

5.在Script Editor窗口，添加以下一行代碼，然后單擊Save：

Animator1.Begin("DoubleAnimation1");

你可以保存并預覽你的儀表盤，會看到條形圖的淡入動畫效果為我們設定的5秒鐘。除了Opacity，其他可以做成動畫的double屬性有： Height, HoverDelay, Left, MaxHeight, MaxWidth, MinHeight, MinWidth, RotationAngle, Top和Width。

重用動畫

如果你已經(jīng)定義了一個動畫，你可以將它重用到另一個目標控件或?qū)傩陨?，通過調(diào)用動畫控件不同版本的Begin方法。

舉個例子，假設你已經(jīng)定義了一個名為DoubleAnimation1的動畫，使Rectangle1的Height屬性動起來。要啟動這個動畫，只需調(diào)用以下腳本：

Animator1.Begin("DoubleAnimation1");

或者，使用以下腳本應用同樣的動畫到另一個同樣有Height屬性的控件：

Animator1.Begin("DoubleAnimation1", Ellipse1);

使用以下腳本應用同樣的動畫到另一個同樣是double類型的控件或?qū)傩裕?/p>

Animator1.Begin("DoubleAnimation1", Ellipse1, "Width");

使用Storyboard

DashboardStoryboard對象讓你創(chuàng)建一個包含子DashboardDoubleAnimation和子DashboardStoryboard實體的復合動畫。

創(chuàng)建一個Storyboard動畫：

1.選擇animator控件，到屬性窗口，找到 Children屬性單擊它的ellipsis按鈕。
2.在Children屬性窗口，單擊Add按鈕的下拉菜單，從這個菜單中，選擇Storyboard。

3.Storyboard動畫添加到左邊列表之后，它的屬性會顯示在右邊。

4.使用storyboard的Children屬性定義一個或多個double animations 或 storyboards作為child實體。
5.Name屬性給出了一個默認值（如 Storyboard1），但你可以自己選擇一個更有意義的可以描述整個動畫的名字。

小提示：對于一個storyboard動畫來說， Duration屬性通常設置為Automatic，因為整個動畫的時間是由它的子動畫來決定的。

交互

DashboardTimeline對象比如double animations和storyboards有以下高級交互屬性：

• Begin Interactions-這些是動畫啟動前開始執(zhí)行的腳本。
• Completed Interactions -這些是動畫播放完后執(zhí)行的腳本。

用法實例：

• 假設你已經(jīng)定義了一個淡入動畫，增加了目標控件的透明度，最開始這個控件不可見，那么你可以添加一個開始交互以確保目標控件在淡入效果開始前是可見的。
• 假設你已經(jīng)定義了一個淡出動畫，降低了目標控件的透明度，那么你可以添加一個完成交互以確保目標控件淡出效果完成以后不可見（如隱藏）。