C#實(shí)現(xiàn)流程圖設(shè)計(jì)器
最近一個(gè)偶然的機(jī)會(huì)竟然實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的流程圖設(shè)計(jì)器（雖然其功能還有很多不完善之處，但是心中還是非常高興，滿滿的成就感）。
話不多說，先看一下實(shí)現(xiàn)的主界面效果：
左邊是一個(gè)ListView(listView1)，右邊的畫布是一個(gè)Panel(panel1)。下面將主要思路介紹如下：
1）允許拖放，listView1和panel1設(shè)置其AllowDrop=true;
2）非連接線類型的圖形拖放處理：左邊的listView1的項(xiàng)目被選中后，可以獲取其圖形類型（是路由器、是服務(wù)器還是云等），并在全局變量中記錄下當(dāng)前的操作對(duì)象類型，然后拖放到panel1后，panel1獲得對(duì)應(yīng)的圖形類型，首先判斷圖的類型是否為非連接線，如果是則獲取對(duì)應(yīng)的圖片，用g.DrawImage將其繪制到畫布中，圖片的坐標(biāo)參考自當(dāng)前鼠標(biāo)（拖放到panel1最后松開鼠標(biāo)左鍵時(shí)的坐標(biāo)）的坐標(biāo)。
3）連接線類型的圖形處理：如果是連接線，應(yīng)該要有兩個(gè)點(diǎn)來確定一條直線。當(dāng)選中l(wèi)istView1的連接線時(shí)，會(huì)在全局變量中記錄下當(dāng)前的操作對(duì)象類型是連接線，當(dāng)在panel1上單擊時(shí)，首選判斷當(dāng)前的操作對(duì)象類型的全局對(duì)象是否為連接線，如果是，則記錄第一次單擊的點(diǎn)，然后等待記錄單擊的第二個(gè)點(diǎn)，當(dāng)?shù)诙螁螕敉瓿珊螅{(diào)用繪制直線的方法在畫布中進(jìn)行繪制直線。
4）當(dāng)線和圖形綁定后，拖放圖形時(shí)，直線附屬在圖形的那個(gè)點(diǎn)會(huì)隨著圖形位置的變化而變化，當(dāng)最后定位后，panel1會(huì)重繪網(wǎng)格和流程圖。
5）編輯圖形信息：在panel1上雙擊時(shí)，程序獲取雙擊的坐標(biāo)點(diǎn)離所有的圖形區(qū)域中最近的圖形，然后計(jì)算距離，看是否滿足設(shè)置的閾值，如果小于閾值，則認(rèn)為是在該圖形上雙擊，是要進(jìn)行編輯操作。
下面給出繪制網(wǎng)格的代碼：
/// <summary>
/// 繪制網(wǎng)格
/// </summary>
private void renderGrid()
{
//全局變量存儲(chǔ)最大最小值，作為繪制區(qū)域
Graphics g = this.panel1.CreateGraphics();
Color color = Color.DarkGray;
Pen p = new Pen(color, 1);
p.DashStyle = DashStyle.Dash;
for (int x = 0; x <= this.panel1.Width; x = x + 20)
{
PointF p1 = new PointF(x, 0);
PointF p2 = new PointF(x, Height);
g.DrawLine(p, p1, p2);
}
for (int y = 0; y <= panel1.Height; y = y + 20)
{
PointF p1 = new PointF(0, y);
PointF p2 = new PointF(Width, y);
g.DrawLine(p, p1, p2);
}
}
下面給出在panel1上進(jìn)行鼠標(biāo)單擊的處理程序：
private void panel1_MouseClick(object sender, MouseEventArgs e)
{
int X = e.X;
int Y = e.Y;
if (this.__gObjType== "")
{
return;
}
if (this.__gObjType != "Line")
{
AddObjectFromMouseLocation(X, Y, 0, 0, this.__gObjType);
}
else
{
//line
if (__lineMouseClickedCount == 1)
{
__lineX2 = e.X;
__lineY2 = e.Y;
AddObjectFromMouseLocation(__lineX1, __lineY1, __lineX2, __lineY2, this.__gObjType);
//連接線方向判斷
__lineMouseClickedCount = 0;
__lineX1 = 0;
__lineY1 = 0;
__lineX2 = 0;
__lineY2 = 0;
}
else if (__lineMouseClickedCount == 0)
{
__lineX1 = e.X;
__lineY1 = e.Y;
__lineMouseClickedCount = 1;
}
else
{
__lineMouseClickedCount = 0;
__lineX1 = 0;
__lineY1 = 0;
__lineX2 = 0;
__lineY2 = 0;
}
}
}
下面給出重繪的程序：
private void ReDrawAll()
{
renderGrid();
Graphics g = this.panel1.CreateGraphics();
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
GObject CurrObj = new GObject();
Rectangle Rct = new Rectangle();
Pen p = new Pen(Color.Black);
//p.Width = 2;
p.Width = __penWidth * __zoomTimes;
Image ObjImg;
int xm = 0;
int ym = 0;
int _maxX = 0;
int _maxY = 0;
int _minX = 0;
int _minY = 0;
int _oldW = this.panel1.Width;
int _oldH = this.panel1.Height;
string IsLine = "";
//Nobj==50為當(dāng)前畫布最大的對(duì)象個(gè)數(shù)
for (int i = 0; i < GNetworkFlow.Nobj; i++)
{
CurrObj = GNetworkFlow.GObjects[i];
//當(dāng)前對(duì)象類型判斷
if (CurrObj.Type == "") IsLine = "N/D";
if (CurrObj.Type == "Line") IsLine = "Y";
if ((CurrObj.Type != "Line") && (CurrObj.Type != "")) IsLine = "N";
//
#region old panel1作為畫布，將其嵌套在panel2中實(shí)現(xiàn)超出邊界出現(xiàn)滾動(dòng)條
if (_maxX < CurrObj.x2)
{
_maxX = CurrObj.x2;
}
if (_maxY < CurrObj.y2)
{
_maxY = CurrObj.y2;
}
if (_minX > CurrObj.x1)
{
_minX = CurrObj.x1;
}
if (_minY > CurrObj.y1)
{
_minY = CurrObj.y1;
}
if (_oldW < _maxX - _minX)
{
this.panel1.Width = _maxX - _minX;
}
if (_oldH < _maxY - _minY)
{
this.panel1.Height = _maxY - _minY;
}
if (this.panel1.Height < this.panel2.Height)
{
this.panel1.Height = this.panel2.Height;
}
if (this.panel1.Width < this.panel2.Width)
{
this.panel1.Width = this.panel2.Width;
}
#endregion
switch (IsLine)
{
case "Y":
arrow.DrawArrow(g, p, p.Brush, CurrObj.x1, CurrObj.y1, CurrObj.x2, CurrObj.y2);
xm = (CurrObj.x1 + CurrObj.x2) / 2;
ym = (CurrObj.y1 + CurrObj.y2) / 2;
AddText(xm, ym, CurrObj.Name, false);
break;
case "N":
Rct.X = CurrObj.x1;
Rct.Y = CurrObj.y1;
Rct.Width = CurrObj.x2 - CurrObj.x1;
Rct.Height = CurrObj.y2 - CurrObj.y1;
if (CurrObj.Type != String.Empty)
{
ObjImg = FindGObjectTypeImage(CurrObj.Type);
g.DrawImage(ObjImg, Rct);
AddText(CurrObj.x1, CurrObj.y1, CurrObj.Name, true);
GNetworkFlow.AdjustLinkedTo(CurrObj.Name);
}
break;
}
}
}
下面將繼續(xù)完善以下幾個(gè)功能：
1）序列化：可以將圖形序列化和反序列化，將序列化的信息保存到數(shù)據(jù)庫，也可以從數(shù)據(jù)庫加載圖形；
2）圖形節(jié)點(diǎn)必須要附加其他屬性和方法，為流程記錄更多的信息、例如權(quán)限配置、當(dāng)前處理的人、下一步是什么節(jié)點(diǎn)等；
3）繪圖功能的加強(qiáng)，繪圖可以動(dòng)態(tài)修改顏色，這樣可以區(qū)分流程在不同節(jié)點(diǎn)的顏色顯示；
4）布局優(yōu)化算法，能否根據(jù)畫布大小，自動(dòng)排列圖形...
現(xiàn)在又將界面做了美化，界面如下：
以上就是C#實(shí)現(xiàn)流程圖設(shè)計(jì)器的全部步驟，還分享了完善設(shè)計(jì)器的技巧，希望大家喜歡。
相關(guān)文章
PowerShell 定時(shí)執(zhí)行.Net(C#)程序的方法
利用PowerShell可以調(diào)用動(dòng)態(tài)頁面，然后再用 .bat 執(zhí)行 PowerShell 腳本，最后把 .bat 添加到服務(wù)器的任務(wù)計(jì)劃里面。OK，所有操作都做好了，.Net 定時(shí)執(zhí)行了，是不是呢，有木有呢。2013-04-04
c#委托把方法當(dāng)成參數(shù)(實(shí)例講解)
本篇文章主要是對(duì)c#委托把方法當(dāng)成參數(shù)的實(shí)例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
Unity接入百度AI實(shí)現(xiàn)貨幣識(shí)別
本文主要介紹了在Unity中接入百度AI，從而實(shí)現(xiàn)貨幣識(shí)別，可以返回貨幣的名稱、代碼、面值、年份信息等，感興趣的可以跟隨小編學(xué)習(xí)一下2022-01-01
c#并行任務(wù)多種優(yōu)化方案分享，使用異步委托+回調(diào)函數(shù)方式實(shí)現(xiàn)，大家參考使用吧2013-12-12
本篇文章主要介紹了C# BackgroundWorker使用詳解 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
這篇文章主要介紹了C# Invoke,begininvoke的用法詳解，幫助大家更好的理解和使用c#，感興趣的朋友可以了解下2021-01-01
這篇文章主要為大家詳細(xì)介紹了如何通過C#實(shí)現(xiàn)類似QQ窗體的功能，當(dāng)窗體放置到屏幕的邊緣，可以將窗體隱藏，當(dāng)鼠標(biāo)再次放置到屏幕邊緣時(shí)，窗體可再次顯示，需要的可以參考一下2022-12-12
C#任務(wù)并行Parellel.For和Parallel.ForEach
這篇文章介紹了C#任務(wù)并行Parellel.For和Parallel.ForEach的用法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
C#中DataTable 轉(zhuǎn)換為 Json的方法匯總(三種方法)
JavaScript Object Notation (Json)是一種輕量級(jí)的數(shù)據(jù)交換格式，下面小編給大家介紹三種方法實(shí)現(xiàn)DataTable轉(zhuǎn)換成 Json 對(duì)象，感興趣的朋友一起看看吧2016-11-11
這篇文章主要介紹了C#中如何分割字符串問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02