Python開(kāi)發(fā)者 2021-12-29 08:30

以下文章來(lái)源于蘇三說(shuō)技術(shù) ，作者蘇三呀

前言

今天特地寫(xiě)一篇介紹畫(huà)圖工具的文章，給有需要的朋友一個(gè)參考。

先上幾張圖讓大家看看效果：

1. 用什么畫(huà)的圖？

對(duì)于畫(huà)流程圖的工具，之前大家用得比較多的可能是：visio和process on了。

visio是微軟的一款畫(huà)圖軟件，需要在電腦上安裝，正版軟件是付費(fèi)的，但網(wǎng)上也可以搜到很多破解版。它是我用過(guò)的最早的畫(huà)流程圖工具了，后面使用 mac 電腦辦公之后，就沒(méi)有用過(guò)它了，之前覺(jué)得它跨電腦辦公有點(diǎn)不方便。

process on是一款免費(fèi)在線(xiàn)畫(huà)圖工具，功能非常強(qiáng)大。除了常規(guī)的各種流程圖之外，對(duì)于思維導(dǎo)圖支持也非常友好。但有個(gè)缺點(diǎn)是只能免費(fèi)保存最近9張圖，想保留更多的圖，需要付費(fèi)升級(jí)。

前面的兩款畫(huà)圖工具，說(shuō)到底還是收費(fèi)的，對(duì)于喜歡白嫖的我們來(lái)說(shuō)，有點(diǎn)無(wú)法接受。那么，有沒(méi)有一款免費(fèi)、在線(xiàn)、功能強(qiáng)大的畫(huà)流程圖的工具呢？

答：有，可以使用：diagrams，也可以叫它：。

這款畫(huà)圖工具的官網(wǎng)地址是：https://app./，它的前身是：https:///。這兩個(gè) url 都能訪(fǎng)問(wèn)。

同時(shí)它也提供了離線(xiàn)版的畫(huà)圖軟件，大家可以自己下載 diagrams 的安裝軟件，不過(guò)有個(gè)壞處是它是收費(fèi)的。

所以，我用得最多的還是在線(xiàn)版的。

2. 如何進(jìn)入畫(huà)圖界面？

如何進(jìn)入 diagrams 的畫(huà)圖界面呢？

在瀏覽器上輸入 diagrams 的官網(wǎng)地址，我平時(shí)喜歡輸入：https:///，因?yàn)樗容^好記。

第一次訪(fǎng)問(wèn)的時(shí)候有點(diǎn)慢，因?yàn)樗跏蓟恍〇|西。

接下來(lái)，會(huì)彈出一個(gè)窗口，讓我們選擇畫(huà)的圖需要保存到哪里。

它主要支持四種：

1. OneDrive：即云
2. Device：即設(shè)備
3. Github
4. Gitlab

我目前為了圖方便，用的最多的是Device，它可以把畫(huà)的圖保存到本地電腦，也可以從本地電腦導(dǎo)入已有的圖。

其實(shí)如果可以的話(huà)，把圖保存到Github，也是個(gè)不錯(cuò)的選擇。

接下來(lái)，會(huì)彈出一個(gè)窗口，讓你選擇是 Create New Diagram（創(chuàng)建新流程圖），還是選擇 Open Existing Diagram（打開(kāi)已有的流程圖）。

我們第一次進(jìn)來(lái)，當(dāng)然是選擇創(chuàng)建新流程圖了。

然后，進(jìn)入畫(huà)流程圖的主界面。

3. 畫(huà)圖界面的組成部分

diagrams 的工作界面主要是由以下幾個(gè)部分組成：

此外，如果你想修改流程圖名稱(chēng)的話(huà)，可以雙擊左上角的Untitled Diagram.drawio這幾個(gè)字，會(huì)彈出如下窗口：

在這個(gè)窗口中可以修改流程圖的名稱(chēng)和文件類(lèi)型，默認(rèn)是.drawio格式的。

下面用一張圖總結(jié)一下 diagrams 的工作界面主要組成部分。

3.1 菜單欄

• File菜單：包含了一系列的文件操作，包括：新建、打開(kāi)文件、打開(kāi)最近的文件、保存文件、另存為文件、分享文件、重命名、拷貝文件、導(dǎo)入、導(dǎo)出、打印、關(guān)閉等。
• Edit菜單：包含了一系列工作區(qū)的操作，包括：回退、撤回、剪切、復(fù)制、粘貼、刪除、查找、替換、編輯、編輯屬性、選擇、全選等。
• View菜單：包含了一系列的視圖操作，包括：恢復(fù)默認(rèn)布局、大綱視圖、圖層、標(biāo)簽、網(wǎng)格、滾動(dòng)條、全屏等。
• Arrange菜單：包含了一系列圖形排列操作，包括：在前面、在后面、插入圖形、對(duì)齊等。
• Extras菜單：包含了一系列額外的操作，包括：主題、展開(kāi)、收縮、插件、編輯畫(huà)圖區(qū)、配置等。
• Help菜單：主要包含一系列全局的操作，包括：搜索、快捷鍵、關(guān)于等。

3.2 工具欄

工具欄中包含了一些常用的功能，比如：圖片尺寸、放大、縮小、退回、撤銷(xiāo)、刪除、在前、在后、背景色、字體顏色、連接、陰影、添加表格、添加圖形、全屏、展開(kāi)、收縮等。

這些功能真的太實(shí)用了。

3.3 左邊圖形區(qū)

左邊圖形區(qū)可以選擇我們畫(huà)圖時(shí)需要的圖形，默認(rèn)有 7 類(lèi)圖形。

如果無(wú)法滿(mǎn)足要求，可以點(diǎn)擊 More Shapes 按鈕，選擇更多類(lèi)型。

上圖中我另外加了IOS類(lèi)的圖形。

我個(gè)人喜歡使用General類(lèi)的圖形，里面常用的圖形都有，畫(huà)一般的流程圖是夠用的。

當(dāng)然，你也可以根據(jù)個(gè)人喜歡，選擇更多的類(lèi)型畫(huà)圖。

3.4 畫(huà)圖區(qū)

畫(huà)圖區(qū)是最重要的地方了，你的流程圖是在這片區(qū)域完成的。

你可以在左邊的圖形區(qū)選擇好圖形之后，用鼠標(biāo)拖到畫(huà)圖區(qū)，也可以直接在畫(huà)圖區(qū)復(fù)制已有的圖形。

還可以給畫(huà)圖區(qū)加網(wǎng)格。

點(diǎn)擊右鍵，空白的地方會(huì)出現(xiàn)一些操作選項(xiàng)。

在某個(gè)具體圖形上點(diǎn)擊右鍵，會(huì)出現(xiàn)一些圖形相關(guān)的選項(xiàng)。

3.5 右邊樣式區(qū)

右邊樣式區(qū)可以說(shuō)是 diagrams 的靈魂。

選擇的圖形，在畫(huà)圖區(qū)默認(rèn)是這樣的：

一眼看過(guò)去，顯得非常單調(diào)。

但如果在右邊樣式區(qū)加了一些樣式之后，圖形馬上變得不一樣了。

對(duì)于文本樣式也有挺多功能可以設(shè)置的。

3.6 底部

底部主要展示的是每頁(yè)的名稱(chēng)。

點(diǎn)擊左側(cè)三個(gè)點(diǎn)，可以切換、插入、刪除和重命名頁(yè)面。

點(diǎn)擊右側(cè)的加號(hào)，可以立刻新增頁(yè)面。

我們每次畫(huà)圖需要在某個(gè)頁(yè)面上操作。但如果你需要畫(huà)的圖很多，可以使用頁(yè)進(jìn)行歸類(lèi)，方面今后維護(hù)。不太建議一頁(yè)上畫(huà)的圖太多，不然畫(huà)圖時(shí)會(huì)非?？?。

總結(jié)

本文主要介紹了 diagrams 畫(huà)圖工具，它是一款免費(fèi)的在線(xiàn)畫(huà)圖工具，也叫做 。它的功能非常強(qiáng)大，包括：菜單欄、工具欄、左邊圖形區(qū)、畫(huà)圖區(qū)、右邊樣式區(qū)、底部等。

當(dāng)然本文只是拋磚引玉，給大家介紹了 diagrams 的一小部分功能。它的強(qiáng)大之處，需要大家自己多動(dòng)手摸索。