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

用法

Getting started!

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

使用DoubleAnimation

DashboardDoubleAnimation項(xiàng)可以讓你為儀表盤控件加上一個(gè)double類型的動(dòng)畫屬性。

下面這個(gè)例子展示了當(dāng)儀表盤被預(yù)覽和查看時(shí)，如何設(shè)置一個(gè)圖表為淡入的效果：

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

4.Children屬性對(duì)話框里沒有動(dòng)畫顯示，所以單擊列表左下角的Add按鈕，添加一個(gè)DashboardDoubleAnimation實(shí)例。動(dòng)畫的屬性就會(huì)顯示在右邊。

5.設(shè)置動(dòng)畫的屬性：

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

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

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

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

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

Animator1.Begin("DoubleAnimation1");

你可以保存并預(yù)覽你的儀表盤，會(huì)看到條形圖的淡入動(dòng)畫效果為我們?cè)O(shè)定的5秒鐘。除了Opacity，其他可以做成動(dòng)畫的double屬性有： Height, HoverDelay, Left, MaxHeight, MaxWidth, MinHeight, MinWidth, RotationAngle, Top和Width。

重用動(dòng)畫

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

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

Animator1.Begin("DoubleAnimation1");

或者，使用以下腳本應(yīng)用同樣的動(dòng)畫到另一個(gè)同樣有Height屬性的控件：

Animator1.Begin("DoubleAnimation1", Ellipse1);

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

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

使用Storyboard

DashboardStoryboard對(duì)象讓你創(chuàng)建一個(gè)包含子DashboardDoubleAnimation和子DashboardStoryboard實(shí)體的復(fù)合動(dòng)畫。

創(chuàng)建一個(gè)Storyboard動(dòng)畫：

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

3.Storyboard動(dòng)畫添加到左邊列表之后，它的屬性會(huì)顯示在右邊。

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

小提示：對(duì)于一個(gè)storyboard動(dòng)畫來說， Duration屬性通常設(shè)置為Automatic，因?yàn)檎麄€(gè)動(dòng)畫的時(shí)間是由它的子動(dòng)畫來決定的。

交互

DashboardTimeline對(duì)象比如double animations和storyboards有以下高級(jí)交互屬性：

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

用法實(shí)例：

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