自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

整潔的UML圖如何繪制?

開發(fā) 架構(gòu)
統(tǒng)一建模語言UML的五類圖相信大家應(yīng)該有所了解,那么你知道怎樣繪制整潔的UML圖嗎,這里就向大家介紹一下繪制整潔的UML圖時需要注意的事項,歡迎大家一起來學(xué)習(xí)。

本節(jié)向大家介紹一下繪制整潔UML圖時應(yīng)該避免那些問題,相信通過本文的介紹你對繪制整潔UML圖的方法一定會有所了解,下面讓我們一起來看一下如何繪制整潔UML圖吧。

繪制整潔的UML圖

    不管您喜歡與否,諸如統(tǒng)一建模語言 (UML)類模型和用例模型這樣的軟件圖往往是根據(jù)它們的外觀來判定其好壞的??瓷先フ麧嵉膱D比看上去雜亂的圖更容易受到讀者 -- 常常是您的用戶或高級經(jīng)理 -- 的青睞。
    我很愿意描述幾個重要的經(jīng)驗法則,這些法則將使您比其他建模同仁做得更好。這些雖然簡單但很關(guān)鍵的建議主要集中在如何安排組成軟件圖(包括UML類模型、用例模型,甚至持久模型)的那些框和線條,并因此適用于所有種類的圖。

    要繪制一個外觀整潔的UML圖,您應(yīng)該避免:

    ●大小不一的框
    ●對角線
    ●交叉線
    ●曲線
    ●混亂的圖
    ●不必要的細(xì)節(jié)


    讓我們從一個示例開始。在圖 1 和 2中,您可以看到兩個用兩種不同風(fēng)格繪制的圖。***個復(fù)雜,沒有章法,而第二個簡單,組織良好(雖然有些乏味)。您認(rèn)為哪個設(shè)計更好呢?大多數(shù)人都會贊成第二個看上去更好一些,因為雖然這兩種設(shè)計在功能上是相等的,但第二個的安排更整潔。

                               

  圖1                                                                  圖2                                                          圖3


 避免大小不一的框
    如何對圖 1加以改進呢?首先,確保所有框的大小都一樣。大框看上去比小框更重要一些,如果這是您嘗試表達(dá)的,那么這樣做沒錯--但如果讓我選的話,我寧愿將所有框保持相同的大小。這種方法最適合于“UML用例”圖,因為其中的所有用例框和參與者符號可以很方便地統(tǒng)一成一樣,此外還適用于“UML協(xié)作圖”、“UML 序列圖”和“UML用戶界面流程圖”。對于框中包含的信息量不同的圖,例如“UML類圖”(其中個別類有數(shù)量不等的屬性和操作),或者“UML狀態(tài)圖表圖”和“持久”(數(shù)據(jù))模型,那就有一些困難了。

    避免對角線
    圖 2 與圖 1 的另一個不同之處在于它沒有任何對角線。我是通過重新安排框來消除對角線的,就好象它們在一個網(wǎng)格上,使互連的框或者在垂直方向上分離,或者在水平方向上分離。從視覺上說,大多數(shù)人對直線更感興趣。#p#

    避免交叉線
    在圖 1中,有兩條線相互交叉,我的一個常規(guī)經(jīng)驗法則是應(yīng)該盡量減少圖中交叉線的數(shù)量。通過將一些框移到旁邊,我在短時間內(nèi)就可以避免使兩條線交叉??上?,不是總能這樣幸運-- 您無法總能避免交叉線。在圖 3 中,我想將 5個框全部連接起來,但如果不使至少兩條線相交就無法做到這一點。您可以看到,我沒有其它方法將框3 和 5連接起來。在不得不交叉線時,我會用適用于電路圖的標(biāo)準(zhǔn)來標(biāo)記:一條線“跳過”另一條,如圖4所示。跳過的好處是它很清楚地表明線只是在圖上交叉,而不以任何方式連接。
避免曲線
    您可以在圖 5 中看出,我對圖 4做了更進一步的改進:除去了曲線。人們喜歡看到垂直或水平的直線。這次我又假裝是在網(wǎng)格上繪制UML圖(實際上這是許多計算機輔助系統(tǒng)工程(CASE)工具的內(nèi)置特性),然后只需要象在網(wǎng)格上那樣繪制出框和線條。
 

                                   

                   圖4                                                                              圖5

避免混亂或復(fù)雜的UML圖
    顯示太多細(xì)節(jié)或者外觀很混亂的圖看上去不太好。***能夠有幾張顯示各種程度的細(xì)節(jié)的圖,而非一張顯示所有事物的復(fù)雜的圖。這就是為什么UML擁有幾種圖的原因之一:一個軟件是如此復(fù)雜,以至于我們無法在單一圖上對其所有方面建模。而且,UML 允許將包添加到圖中(下星期的技巧主題)。

    另一個相關(guān)的注意事項是對屏幕或頁面區(qū)域的使用。在我看來,一張占據(jù)幾頁的圖比將所有內(nèi)容蜷縮在一起,使它能在一頁上打印出的圖要好得多。您應(yīng)該給圖留出足夠的空間,使它易于理解。

避免在UML圖的美化上浪費太多時間
    盡管這些經(jīng)驗法則非常有效,但無休止地調(diào)整圖的外觀總是會增加額外的建模時間。解決這個問題的一個方法是嘗試使圖的外觀保持在大致良好的水平上--您在使用圖時,不需要它非常***。一旦確信圖按照您所需的方式對應(yīng)用程序建模,就可以開始移動框以避免交叉線,增進其可理解性。

    您的主要目標(biāo)是對系統(tǒng)建模,而不是繪制漂亮的圖。有必要指出這些重要的經(jīng)驗法則也可以被用來美化低劣的設(shè)計。例如,我可以從圖2 開始,將它重排成圖 1,以使設(shè)計看上去比實際的更為復(fù)雜 --可能使得高級管理人員相信我需要更多時間或資源才能完成工作,或者引導(dǎo)他們避開我不是特別喜歡的備選設(shè)計。假設(shè)您的動機隨情形而改變,我希望您所處的情形是健康的,您所考慮的最重要的問題是使了不起的設(shè)計看上去更引人入勝,而不是在辦公室權(quán)術(shù)中求生存。本節(jié)關(guān)于如何繪制整潔的UML圖內(nèi)容介紹到這里。
 

【編輯推薦】

  1. 教你繪制整潔的UML圖
  2. SVG與UML圖詳解
  3. UML用例圖用法實例剖析
  4. 術(shù)語匯編 UML統(tǒng)一建模語言簡介
  5. UML學(xué)習(xí)手冊新手必備

 

 

責(zé)任編輯:佚名 來源: IT168.com
相關(guān)推薦

2010-06-09 08:59:30

UML活動圖

2010-06-09 18:56:44

UML用例圖

2010-07-12 11:36:32

UML活動圖

2010-06-08 10:51:48

UML活動圖

2010-06-17 18:31:12

繪制UML序列圖

2010-06-09 19:25:54

UML活動圖

2010-07-02 13:34:06

UML交互圖

2010-07-02 09:32:19

UML部署圖

2010-06-09 09:53:44

UML活動圖

2010-06-18 09:05:04

UML交互圖

2010-07-02 11:17:47

繪制UML圖

2010-07-06 11:44:49

UML活動圖

2010-07-08 15:48:47

UML用例圖

2009-04-23 14:21:29

UML序列圖繪制

2010-06-30 17:06:32

UML用例圖

2010-06-29 19:23:20

UML活動圖

2010-06-18 18:18:48

UML活動圖

2010-06-11 14:35:18

UML序列圖

2010-06-11 10:55:51

UML部署圖

2010-06-09 17:58:14

UML活動圖
點贊
收藏

51CTO技術(shù)棧公眾號