draw.io在線繪圖工具怎么用? draw.io超詳細(xì)的小白入門教程

Connection Points設(shè)置圖形上是否出現(xiàn)鏈接點(diǎn),如上圖中的邊界上有8個(gè)×的標(biāo)記,這些標(biāo)記用于連接線的終點(diǎn)或起點(diǎn)。
Guides用于設(shè)置是否顯示導(dǎo)航線。如果勾選上此項(xiàng),當(dāng)在移動(dòng)對(duì)象時(shí),該對(duì)象與其他對(duì)象會(huì)出現(xiàn)位置導(dǎo)航線,以方便與其他對(duì)象之間設(shè)置對(duì)齊方式(頂端對(duì)齊、居中對(duì)齊、底端對(duì)齊)以及在3個(gè)或3個(gè)以上對(duì)象間設(shè)置水平間距或垂直間距。
AutoSave設(shè)置是否自動(dòng)保存,如果勾選此項(xiàng),軟件會(huì)定時(shí)保存,以免丟失設(shè)計(jì)信息。
(3)Paper Size
用于設(shè)置頁面信息,可以設(shè)置畫布(工作區(qū))的大小,以及布局方式。
4.2 Style選項(xiàng)卡
Style選項(xiàng)卡用于設(shè)置圖形的風(fēng)格。
Style選項(xiàng)卡中的內(nèi)容如下:
Sketch用于設(shè)置是否以草圖形式顯示圖形,勾選上之后的效果如下:
Rounded用于設(shè)置連接線的拐角是否以圓角形式顯示,勾選上后,連接線的折角將以圓角形式顯示。
未設(shè)置任何選項(xiàng)時(shí)的形狀:
設(shè)置了Rounded之后的效果:
Curved勾選上該項(xiàng)后,帶拐角的連接線將以弧狀顯示。
右側(cè)下面是預(yù)設(shè)的圖形顏色搭配、背景等信息,可以方便設(shè)計(jì)者快速的設(shè)置風(fēng)格。
5、繪制圖形并設(shè)置圖形屬性
5.1 添加圖形
在畫布左側(cè)的圖形對(duì)象列表中,點(diǎn)擊你想添加的圖形,則畫布中就會(huì)自動(dòng)創(chuàng)建一個(gè)該圖形的對(duì)象。
下面,我們?cè)诋嫴甲髠?cè)的UML圖形類別中選擇小人的形狀,它會(huì)自動(dòng)出現(xiàn)在工作區(qū)(畫布)中。
5.2 圖形的放大提示
當(dāng)鼠標(biāo)在畫布左側(cè)的圖形列表中的一個(gè)圖形上稍作停留時(shí),它會(huì)在右側(cè)放大顯示,同時(shí)提示你這個(gè)圖形的名稱,如下圖所示:
5.3 移動(dòng)圖形的位置
當(dāng)鼠標(biāo)在圖形上變成四項(xiàng)箭頭時(shí),我們按住鼠標(biāo)就可以把圖形移動(dòng)到你想要的位置上了。
或者在鼠標(biāo)變?yōu)樗捻?xiàng)箭頭形狀時(shí),我們按下鼠標(biāo)選中這個(gè)圖形,使用鍵盤上的四個(gè)方向鍵也可以微調(diào)圖形的位置。
當(dāng)鼠標(biāo)移到小人“Actor”上時(shí),且形狀是四向箭頭時(shí),我們按住鼠標(biāo)可以移動(dòng)小人的位置。
5.4 修改圖形的名稱
當(dāng)鼠標(biāo)在圖形上變成四向箭頭時(shí),我們可以雙擊它,修改其名稱,這里我們把添加的參與者圖形的名稱改成了讀者。
然后我們?cè)偻嫴贾刑砑右粋€(gè)用例,雙擊用例圖形,并把它的名稱修改為"借閱圖書"。
5.5 設(shè)置圖形的屬性
選中一個(gè)圖形,我們可以在右側(cè)的屬性欄中修改其相關(guān)屬性。
我們來修改一下剛才添加的用例的相關(guān)屬性。
選中用例“借閱圖書”后,右側(cè)出現(xiàn)了屬性設(shè)置欄。
(1)Style
用于設(shè)置圖形的風(fēng)格。
相關(guān)文章
Draw.io怎么顯示標(biāo)尺? Draw.io流程圖繪制工具標(biāo)尺顯示出來的教程
Draw.io怎么顯示標(biāo)尺?Draw.io是流程圖繪制軟件,很好用,下面我們就來看看Draw.io流程圖繪制工具標(biāo)尺顯示出來的教程2023-10-17