繁體中文
English 简体中文 繁體中文
Methodox 首頁

Dhole 教程

本教程從 Divooka Compute 自帶的一個示例開始,執行它,並一步步把它改成你自己的示意圖。除了 Divooka Compute 之外不需要任何其他東西;如果你從未用過它,你的第一個程式介紹了視窗以及文件如何執行。

1. 開啟 Flowchart 示例

按 Ctrl+Shift+E 開啟 New from examples(從示例新建),在左側選擇 Dhole,在中間選擇 Flowchart,然後按 Open a copy。把副本儲存到你喜歡的位置;它會在單獨的標籤頁中開啟。

該文件是一個 Routine:Begin,然後是 Draw Dhole,然後是 Print Line,最後是 Return。在 Begin 下方,一個 Text 節點儲存著 Dhole 文字,它的值傳往兩處:Draw Dhole 的 Text,由它繪製該文字;以及 Describe Dhole 的 Text,Print Line 會列印它生成的句子。綠色的註解說明了該示例展示的內容。

2. 執行並檢視圖片

按 Run(執行)(F5)。主控台會說明繪製了什麼:

A flowchart of 8 steps and 9 arrows.

按一下 Draw Dhole。Properties 在 Preview 下顯示圖片;Open in window… 會以更大的尺寸顯示它。Chart 旁邊的 Problems 標籤頁顯示 Draw Dhole 對該文字給出的反饋——這次沒有任何內容。

執行後的 Flowchart 示例:Begin 下方的 Text 節點、選中的 Draw Dhole,以及 Properties 面板中的流程圖

3. 修改文字

在 Text 節點中按一下文字,按 Ctrl+End 跳到末尾,按 Enter 換行,然後輸入:

Enjoy -> Wash up

按 Ctrl+Enter,或按一下畫布的空白處,以保留修改——在 Text 節點中,Enter 會開始新的一行。再次執行。主控台現在顯示 A flowchart of 9 steps and 10 arrows.,圖片中 Enjoy 下方多了一個步驟。步驟在首次被提及的地方建立,因此提及 Wash up 就建立了它,而箭頭 -> 把它連線到 Enjoy。

新增了 Enjoy -> Wash up 的同一示例:流程圖多了一個步驟

4. 編寫你自己的流程圖

按一下文字,按 Ctrl+A 全選,然後輸入(或貼上)以下內容替換它;用 Ctrl+Enter 保留後執行:

flowchart My morning
Wake up -> Shower -> Breakfast

排成一列的三個步驟:Wake up、Shower 和 Breakfast

第一行說明要繪製什麼(流程圖)以及它的標題。其後的每一行是由箭頭連線起來的一串步驟。現在新增一個有兩個答案的問題:

flowchart My morning
Wake up [start] -> Shower -> Breakfast
Breakfast -> Running late?
Running late? -> Take the bus: yes
Running late? -> Walk [good]: no
Take the bus -> Work [end]
Walk -> Work

帶有問題的早晨:Running late? 分支到 Take the bus 和 Walk,兩者在 Work 處匯合

這裡有三處新內容:

  • 文字以問號結尾的步驟會繪製為問題,即菱形。
  • 冒號後的文字是箭頭的標籤:yes、no。
  • 步驟後方括號中的文字是它的特性:[start] 和 [end] 會把它畫成圓角,[good] 會把它著成綠色。語言列出了所有顏色,流程圖列出了所有形狀。

設定是單獨一行中的一個詞、一個冒號和一個值。在第一行下方新增以下內容,即可把同一個早晨橫向繪製:

direction: right

從左到右繪製的同一個早晨

5. 繪製圖表

第一行決定繪製什麼,因此同一個節點也能繪製圖表。用以下內容替換文字,然後執行:

pie My week
Work: 40
Sleep: 56
Family: 30
Everything else: 42

一週的餅圖:睡眠、其他一切、工作和家庭

每一行是一個扇區:一個名稱、一個冒號和數量。圖表展示了柱狀圖、折線圖、散點圖和雷達圖,語言則說明了如何用一行三個短橫線把多個圖表放在一張圖片中。

6. 在節點上書寫:Write Dhole

Write Dhole 把文字儲存在節點本身,並在你輸入時進行繪製。像開啟 Flowchart 那樣開啟 Write Dhole 示例,或者在節點托盤(Ctrl+Space)中輸入 Dhole,把 Write Dhole 放到你自己的文件中。

按兩下 Write Dhole。它的卡片隨即開啟:左側是文字,右側是圖片。

Write Dhole 的卡片:左側是以文字編寫的看板,右側是繪製結果

開始輸入,在你停下片刻之後,圖片就會隨之更新。Dhole 無法讀取的任何內容都會列在圖片下方,註明所在的行、列以及應改寫成什麼,而文字的其餘部分仍會被繪製:

帶有一處筆誤的卡片:Cats: lots 被列為不是數字,餅圖在沒有它的情況下繪製

按 Done 把文字保留在節點上——狀態列會顯示 Wrote Dhole; Ctrl+Z to undo,按一次 Ctrl+Z 即可復原。Esc 關閉卡片,不做任何更改。執行文件並選中 Write Dhole,即可在 Properties 中檢視它的圖片。

7. 檢視 Dhole 對錯誤的反饋

開啟 Mistakes 示例並執行。它的文字中有四處錯誤,Draw Dhole 的 Problems 輸出每行列印一條,說明每處錯誤的位置以及應改寫成什麼:

Line 1, column 1: 'flowchrt' is not something Dhole draws, so this is drawn as a flowchart. Write 'flowchart' if a flowchart is what you mean.
Line 2, column 12: 'sideways' is not a direction. Write down, right, up or left.
Line 3, column 33: (warning) 'rond' is not something a step can be. Write 'round' if that is what you mean.
Line 4, column 1: The arrow comes from nothing. Write what the arrow starts at before it.

逐一修正它們並再次執行,直到不再列印任何內容。問題列出了 Dhole 可能給出的所有反饋。

8. 儲存圖片

把 Draw Dhole 的 Chart 連線到 Save Chart(Plotting 工具箱,Chart Export),並輸入 Path。路徑的副檔名決定格式:.png 為圖片——其 Dpi 為 192,清晰度是螢幕的兩倍;.svg 或 .pdf 為文字仍保持為文字的向量繪圖;.pptx、.xlsx 或 .docx 為 Office 文件。在它之前放置 Set Theme,即可用繪圖框架的任意主題(包括編輯器的調色盤)為示意圖重新著色。

接下來