如何在.NET電子表格應用程式中建立流程圖

發表於2023-09-19

前言

流程圖是一種常用的圖形化工具,用於展示過程中事件、決策和操作的順序和關係。它透過使用不同形狀的圖示和箭頭線條,將任務和步驟按照特定的順序連線起來,以便清晰地表示一個過程的執行流程。

在企業環境中,高管和經理利用流程圖來規劃業務流程,使他們能夠識別瓶頸、最佳化生產力並增強決策能力……用例列表不勝列舉。然而,一個新的問題出現了,這些流程圖由誰來維護?流程圖如何共享或協作?使用什麼軟體來建立它們?

為了解決上述的問題,今天小編就為大家介紹如何在.NET WinForms 應用程式中使用電子表格設計器元件在執行時建立形狀操作流程圖。

在.NET WinForms 中建立流程圖

在.NET WinForms 中建立流程圖可分為以下8個步驟:

  1. 設定.NET WinForms 專案
  2. 啟用增強形狀引擎
  3. 將形狀新增到電子表格流程圖
  4. 將文字新增到形狀
  5. 將形狀新增到電子表格流程圖
  6. 將樣式應用到形狀
  7. 分組流程圖形狀
  8. 在 .NET WinForms 應用程式中儲存並顯示流程圖

1.設定.NET WinForms 專案

開啟Visual Studio軟體,建立Windows 窗體應用程式並選擇.NET6作為框架。

建立專案後,使用 NuGet 管理器安裝GrapeCity.Spread.WinForms和GrapeCity.Spread.WinForms.Design。

安裝完之後,導航到專案Form1.cs的設計器:

在 VS Designer 中,找到工具箱中的FpSpread和FpSpreadDesigner元件。將FpSpread元件拖放到窗體上,然後對FpSpreadDesigner元件執行相同的操作。接下來,在表單上新增一個按鈕。

如果想要在執行時顯示 FpSpreadDesigner,在 Forms1.cs 檔案的按鈕單擊事件中呼叫 Spread Designer API 的 ShowDialog方法即可。

private void button2_Click(object sender, EventArgs e)
 {
  fpSpreadDesigner2.ShowDialog(fpSpread2);
 }

2.啟用增強形狀引擎

專案設定完之後,必須啟用增強形狀引擎。預設情況下它不可用。這可以透過程式碼或設計器來完成。下面是兩種啟用增強形狀引擎的方法:

(1)程式碼啟用

// 啟用形狀引擎    
 fpSpread2.Features.EnhancedShapeEngine = true;

(2)使用設計器啟用

要使用 Designer 的 UI 啟用此屬性,首先啟動 Designer 應用程式。然後,使用 Spread 設計器的右側皮膚,從下拉選單中選擇Spread,查詢Features,展開它,並將EnhancedShapeEngine更改為“True”。

3.將形狀新增到電子表格流程圖

使用 Spread Designer 的“插入”選項卡,選擇“形狀”下拉選單。

新增流程圖。(新增完之後如下圖所示)

4.將文字新增到形狀

5.將形狀新增到電子表格流程圖

將滑鼠懸停在聯結器箭頭的抓柄上,滑鼠游標會發生變化。游標發生變化後,單擊聯結器端點並將其拖動到要連線的第一個形狀的邊框。然後看到連線點出現在您將聯結器拖動到的形狀上,顯示可以錨定它的位置。選擇位置後,您將看到連線點變為綠色,表明線條已連線到形狀。

連線完之後的樣式:

6.將樣式應用到形狀

此步驟介紹如何應用樣式主題以及如何將自定義樣式應用於形狀。使用者可以使用“形狀格式”選項卡的“形狀樣式”部分自定義形狀的背景顏色和輪廓顏色。

對於本例,流程圖形狀和聯結器的樣式如下:

7.分組流程圖形狀

對流程圖形狀進行分組可確保所有相關元素保持在一起並保持其預期佈局,從而降低意外修改的風險。Spread 的設計器支援使用上下文選單和/或工具欄的“組物件”按鈕將形狀分組在一起。

操作步驟如下方動圖所示:

8.在 .NET WinForms 應用程式中儲存並顯示流程圖

設計完流程圖之後,就可以將設計器中的電子表格應用到 WinForms 應用程式了。在 Designer 的工具欄上,導航至“檔案”選單,選擇“應用”和“退出”以應用所有更改,然後退出 Spread Designer。使用者可以重新開啟設計器並對流程圖進行更改。

最終還可以將應用程式中建立的 .NET 流程圖匯出為 Excel (.XLSX) 檔案,或使用 Spread Designer 的匯入和匯出功能匯入現有的 Excel 檔案流程圖。

總結

至此,一個流程圖的設定就完成了。如果您想了解更多資訊,歡迎訪問葡萄城官網瞭解。

擴充套件連結:

ChatGPT賦能低程式碼開發:打造智慧應用的雙重引擎

視窗函式大揭秘!輕鬆計算資料累計佔比,玩轉資料分析的絕佳利器

3D模型+BI分析,打造全新的互動式3D視覺化大屏開發方案

相關文章