歡迎大家提出意見,一起討論!

通過本例項瞭解如何在窗體上繪製各種圖形，如矩形、橢圓、線條、文字等。執行效果如下：

實現過程：

（1） 新建窗體應用程式

（2） 新增一個MenuScrip控制元件；新增一個ToolScrip控制元件。

在ToolScrip控制元件中對每個單元，要將DisplayStyle屬性改為Text

（3）程式程式碼。

1、新建選單事件主要用白色清除窗體的背景，從而實現“檔案新建”功能

  private void 新建ToolStripMenuItem_Click(object sender, EventArgs e)
        {
            Graphics g = this.CreateGraphics();
            g.Clear(backColor);
            toolStrip1.Enabled = true;
            //建立一個Bitmap
            theImage = new Bitmap(this.ClientRectangle.Width, this.ClientRectangle.Height);
            editFileName = "新建檔案";
            //修改視窗標題
            this.Text = "MyDraw\t" + editFileName;
            ig = Graphics.FromImage(theImage);
            ig.Clear(backColor);
        }
 

2、開啟事件用於開啟“開啟檔案”對話方塊，並選擇相應的圖片，將圖片繪製到窗體上.

  private void 開啟ToolStripMenuItem_Click(object sender, EventArgs e)
        {
            openFileDialog1.Multiselect = false;
            if (openFileDialog1.ShowDialog() == DialogResult.OK)
            {
                //修改視窗標題
                this.Text = "MyDraw\t" + openFileDialog1.FileName;
                editFileName = openFileDialog1.FileName;
                theImage = Image.FromFile(openFileDialog1.FileName);
                Graphics g = this.CreateGraphics();
                g.DrawImage(theImage, this.ClientRectangle);
                ig = Graphics.FromImage(theImage);
                ig.DrawImage(theImage, this.ClientRectangle);
                //ToolBar可以使用了
                toolStrip1.Enabled = true;
            }
        }
 

（3） 儲存選單項的Click事件用於將窗體背景儲存為BMP格式的圖片

private void 儲存ToolStripMenuItem_Click(object sender, EventArgs e)
        {
            saveFileDialog1.Filter = "影象(*.bmp)|*.bmp";
            saveFileDialog1.FileName = editFileName;
            if (saveFileDialog1.ShowDialog() == DialogResult.OK)
            {
                theImage.Save(saveFileDialog1.FileName, ImageFormat.Bmp);
                this.Text = "MyDraw\t" + saveFileDialog1.FileName;
                editFileName = saveFileDialog1.FileName;
            }
        }
 

（4） 在Paint事件中將Image中儲存的影象，繪製出來

 private void Form1_Paint(object sender, PaintEventArgs e)
        {
            //將Image中儲存的影象，繪製出來
            Graphics g = this.CreateGraphics();
            if (theImage != null)
            {
                g.Clear(Color.White);
                g.DrawImage(theImage, this.ClientRectangle);
            }
        }

 （5）新增Frm_Text.cs文字輸入框。

    新增一個Window窗體，取名為Frm_Text，然後對窗體的屬性修改：

把FormBorderStyle屬性改為 None;

把Modifiers的屬性改為 Public

（6） 在窗體的MouseDown事件中，如果當前繪製的是字串，在滑鼠的當前位置顯示文字框；如果繪製的是圖開，設定圖形的起始位置。

  private void Frm_Main_MouseDown(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                //如果選擇文字輸入，則開啟strInput窗體
                if (drawTool == drawTools.String)
                {
                    Frm_Text inputBox = new Frm_Text();
                    inputBox.StartPosition = FormStartPosition.CenterParent;
                    if (inputBox.ShowDialog() == DialogResult.OK)
                    {
                        Graphics g = this.CreateGraphics();
                        Font theFont = this.Font;
                        g.DrawString(inputBox.textBox1.Text, theFont, new SolidBrush(foreColor), e.X, e.Y);
                        ig.DrawString(inputBox.textBox1.Text, theFont, new SolidBrush(foreColor), e.X, e.Y);
                    }
                }
                //如果開始繪製，則開始記錄滑鼠位置
                else if ((isDrawing = !isDrawing) == true)
                {
                    startPoint = new Point(e.X, e.Y);
                    oldPoint = new Point(e.X, e.Y);
                }
            }
        }

（7） 在窗體的MouseMove 事件中，根據滑鼠移動的大小繪製指定的圖形.

        private void Form1_MouseMove(object sender, MouseEventArgs e)
        {
            Graphics g;
            g = this.CreateGraphics();

            if (isDrawing)
            {
                switch (drawTool)
                {
                    case drawTools.None:
                        break;
                    case drawTools.Pen:
                        //從上一個點到當前點繪製線段
                        g.DrawLine(new Pen(foreColor, 1), oldPoint, new Point(e.X, e.Y));
                        ig.DrawLine(new Pen(foreColor, 1), oldPoint, new Point(e.X, e.Y));
                        oldPoint.X = e.X;
                        oldPoint.Y = e.Y;
                        break;
                    case drawTools.Line:
                        //首先恢復此次操作之前的影象，然後再新增Line
                        this.Frm_Main_Paint(this, new PaintEventArgs(this.CreateGraphics(), this.ClientRectangle));
                        g.DrawLine(new Pen(foreColor, 1), startPoint, new Point(e.X, e.Y));
                        break;
                    case drawTools.Ellipse:
                        //首先恢復此次操作之前的影象，然後再新增Ellipse
                        this.Frm_Main_Paint(this, new PaintEventArgs(this.CreateGraphics(), this.ClientRectangle));
                        g.DrawEllipse(new Pen(foreColor, 1), startPoint.X, startPoint.Y, e.X - startPoint.X, e.Y - startPoint.Y);
                        break;
                    case drawTools.Rectangle:
                        //首先恢復此次操作之前的影象，然後再新增Rectangle
                        this.Frm_Main_Paint(this, new PaintEventArgs(this.CreateGraphics(), this.ClientRectangle));
                        g.DrawRectangle(new Pen(foreColor, 1), startPoint.X, startPoint.Y, e.X - startPoint.X, e.Y - startPoint.Y);
                        break;
                    case drawTools.String:
                        break;
                    case drawTools.Rubber:
                        //用背景色繪製寬線段
                        g.DrawLine(new Pen(backColor, 20), oldPoint, new Point(e.X, e.Y));
                        ig.DrawLine(new Pen(backColor, 20), oldPoint, new Point(e.X, e.Y));
                        oldPoint.X = e.X;
                        oldPoint.Y = e.Y;
                        break;
                }
            }
        }

（8） 在窗體的MouseUp事件中，根據使用者選擇的畫筆，繪製直線，橢圓或矩形等指定圖形。

private void Form1_MouseUp(object sender, MouseEventArgs e)
        {
            isDrawing = false;
            switch (drawTool)
            {
                case drawTools.Line:
                    ig.DrawLine(new Pen(foreColor, 1), startPoint, new Point(e.X, e.Y));
                    break;
                case drawTools.Ellipse:
                    ig.DrawEllipse(new Pen(foreColor, 1), startPoint.X, startPoint.Y, e.X - startPoint.X, e.Y - startPoint.Y);
                    break;
                case drawTools.Rectangle:
                    ig.DrawRectangle(new Pen(foreColor, 1), startPoint.X, startPoint.Y, e.X - startPoint.X, e.Y - startPoint.Y);
                    break;
            }
        }

=============================================================================================================

這裡解釋為什麼在拉直線時線會跟著滑鼠動，而用選擇畫筆時移動滑鼠就會畫出線。

這裡有兩個Graphics:

（1） 真實的場景graphics.   它它上面畫出的畫面就是我個看到的畫面。

     eg:

               private void Form1_Paint(object sender, PaintEventArgs e)
             {
                     //將Image中儲存的影象，繪製出來
                      Graphics g = this.CreateGraphics();

（2）做為臨時儲存用的Graphic.

它在新建的時候建立：

 //建立一個Bitmap
            theImage = new Bitmap(this.ClientRectangle.Width, this.ClientRectangle.Height);
            editFileName = "新建檔案";
            //修改視窗標題
            this.Text = "MyDraw\t" + editFileName;
            ig = Graphics.FromImage(theImage);
            ig.Clear(backColor);

顯示出來： 把theImage顯示出來就是把以前儲存在ig裡的東西顯示出來了

 private void Frm_Main_Paint(object sender, PaintEventArgs e)
        {
            //將Image中儲存的影象，繪製出來
            Graphics g = this.CreateGraphics();
            if (theImage != null)
            {
                g.Clear(Color.White);
                g.DrawImage(theImage, this.ClientRectangle);
            }
        }

在Form1_MouseMove裡

如果是畫筆，那麼把影象儲存到了兩個graphic中，這樣我們可以看到移動的畫，最後也將顯示所有畫。

如果直線或矩形，那麼只先畫到第一個graphics裡，在滑鼠放開時才畫到第二個graphic裡。