Visual Paradigm 教程[UML]：如何繪制動(dòng)畫UML活動(dòng)圖？

---

下載Visual Paradigm最新試用版

已加入在線訂購(gòu)，現(xiàn)在搶購(gòu)立享特別優(yōu)惠>>

UML Activity Diagram是一種流行的UML圖，用于表示程序流。 開發(fā)人員發(fā)現(xiàn)它是解釋和確認(rèn)系統(tǒng)邏輯的理想?yún)⒖迹?為它將復(fù)雜的系統(tǒng)操作轉(zhuǎn)換為簡(jiǎn)單的動(dòng)作形狀和連接器，這使得想法的呈現(xiàn)更容易。 為了提高演示效率，Visual Paradigm支持Activity Diagram的動(dòng)畫。 通過動(dòng)畫工具分析和排序流程，您可以拾取路徑并為其設(shè)置動(dòng)畫。 在動(dòng)畫中，您可以按照路徑中的順序逐一查看路徑上的操作。 演示者可以讓動(dòng)畫進(jìn)入，或者當(dāng)動(dòng)畫達(dá)到值得解釋或討論的動(dòng)作形狀時(shí)暫停動(dòng)畫。

在本教程中，我們將向您展示如何為活動(dòng)設(shè)置動(dòng)畫。 最后，您將把動(dòng)畫導(dǎo)出為HTML文件，當(dāng)您想在另一臺(tái)機(jī)器上播放動(dòng)畫時(shí)，這可能會(huì)有所幫助。

在UML活動(dòng)圖中播放動(dòng)畫

1. 下載Activity-Diagram-Example.vpp。 
2. 在Visual Paradigm中打開下載的項(xiàng)目文件。
3. 打開UML活動(dòng)圖下訂單。 你應(yīng)該看到下面的活動(dòng)圖：

   

4. 在我們繼續(xù)之前，讓我們快速瀏覽一下這個(gè)圖表。 該圖顯示了收到訂單后的兩種可能路徑。 一個(gè)是拒絕，另一個(gè)是接受。
5. 讓我們一個(gè)接一個(gè)地制作動(dòng)畫。 在圖表的右側(cè)，單擊小按鈕Show Action Bar。

   

6. 單擊欄中的動(dòng)畫按鈕。

   

7. 將出現(xiàn)“活動(dòng)圖動(dòng)畫”窗口，左側(cè)列出了兩個(gè)路徑。 通過分析圖表找到兩條路徑。 我們來看看它們是什么。 單擊Path1。

   

8. Path1中涉及的形狀以紫色突出顯示。 正如你所看到的，這條道路是關(guān)于拒絕秩序的。

   

   為了讓我們更容易識(shí)別路徑，我們最好重命名路徑1以反映實(shí)際的流內(nèi)容。 雙擊Path 1并輸入Rejection作為新路徑名。

   

9. 同樣，選擇Path2并查看。

   

10. 顯然，Path2是關(guān)于接受訂單的。 雙擊Path2并將其重命名為Acceptance。

    

11. 所以現(xiàn)在我們有兩條路 - 拒絕和接受。 讓我們?yōu)榻邮苈窂街谱鲃?dòng)畫。 選擇它并單擊播放按鈕進(jìn)行播放。

    

    這將啟動(dòng)動(dòng)畫。 看起來像一個(gè)小黑點(diǎn)的標(biāo)記將出現(xiàn)并沿著路徑移動(dòng)。 當(dāng)它到達(dá)一個(gè)形狀時(shí)，到達(dá)的形狀將突出顯示。

    

導(dǎo)出動(dòng)畫

您可能希望與其他人共享動(dòng)畫，或者在另一臺(tái)計(jì)算機(jī)上查看動(dòng)畫。 要實(shí)現(xiàn)此目的，您可以將動(dòng)畫導(dǎo)出為HTML。 我們將在本節(jié)向您展示它的工作原理。

1. 再次打開“活動(dòng)圖動(dòng)畫”窗口。 這一次，您可以通過單擊動(dòng)畫滑塊末尾的“顯示對(duì)話框”將其打開。

   

2. 您必須選擇要導(dǎo)出的路徑。 讓我們導(dǎo)出拒絕和接受路徑。 在窗口中選擇它們。

   

3. 單擊導(dǎo)出到Flash ....
4. 在“導(dǎo)出到Flash”窗口中，輸入HTML文件的輸出路徑。 您也可以調(diào)整視頻的尺寸，但在這種情況下，800x600足夠大，所以只需保持不變。

   

5. 單擊導(dǎo)出
6. 導(dǎo)出HTML文件將在您的Web瀏覽器中彈出。 您可以通過動(dòng)畫下方的滑塊播放和控制動(dòng)畫。

   

   您可以從動(dòng)畫右上角的下拉菜單中選擇其他路徑并為其設(shè)置動(dòng)畫。

   

下載Visual Paradigm最新試用版