深入c# GDI+簡單繪圖的具體操作步驟(四)

更新時間：2013年05月20日 15:51:42 作者：

本篇文章是向大家介紹了如何做一個類似windows畫圖工具的具體方法，需要的朋友參考下

前幾篇我已經(jīng)向大家介紹了如何使用GDI＋來繪圖，并做了一個截圖的實例，這篇我向大家介紹下如何來做一個類似windows畫圖的工具.
個人認為如果想做一個功能強大的繪圖工具，那么單純掌握GDI還遠遠不夠，我的目前也只能做一個比較簡單的繪圖工具了．不足之處，歡迎大家討論！
先來看一下最終效果吧：

主要實現(xiàn)功能：畫直線，矩形，橡皮，圓形，切換顏色，打開圖片，保存圖片，清除圖片，手動調(diào)節(jié)畫布大小;軟件剛啟動時，為一張空白畫布，我們可以直接在畫布上繪畫，也可以通過菜單中的“打開”，導入一張圖片，然后我們就可以在這張圖片上進行繪制。
平臺：VS2005 WINFORM
由于代碼過多，在這里只簡要介紹下制作步驟，提供大家工程下載．
1.對整個界面進行布局．
2.實現(xiàn)繪圖工具的功能
3.實現(xiàn)顏色拾取的功能，這里我們直接拿上次寫的自定義控件來用．
4.實現(xiàn)菜單功能
5.實現(xiàn)手動調(diào)節(jié)畫布大小的功能
6.測試
實現(xiàn)繪圖工具的功能
為了讓代碼藕合度小點，稍許用了些設計模式，因為不是很會，所以代碼還是有點亂亂的，嘿嘿！關于繪圖工具的這些功能塊全部寫在了DrawTools這個類里．那么在主窗體中，只需要調(diào)用這個類來完成繪制就行了，而不需要過多的涉及到具體的繪圖代碼。繪圖工具這個類提供的主要工具就是：鉛筆、橡皮、直線、矩形、圓形、實心矩形、實心圓形。關于這些功能塊的代碼，并不難，只要大家對認真看過前幾篇內(nèi)容，那應該都看得懂。
這里要注意以下幾點：
１.如何防止記錄不必要的繪圖過程中的痕跡？
這個問題在第三篇中有提到過，大家不妨先去看看那一篇。為了讓代碼看起來可讀性高點，我設置了兩個Image變量，finishingImg用來保存繪圖過程中的痕跡，orginalImg用來保存已完成的繪圖過程和初始時的背景圖片。
2.這個類如何與主窗體進行通信？
當然如果直接將這些功能塊寫在主窗體中自然沒有這個問題。但是那樣代碼會顯得很混雜，如果只是工具代碼出現(xiàn)問題就需要改整個項目。我在這里通過定義方法和屬性，讓主窗體通過給屬性賦值將畫板畫布以及顏色什么的信息傳給這個工具類，然后通過調(diào)用相應的工具方法來使用這些工具。
3.關鍵屬性
要想讓這些工具能正常使用，必須傳遞給他以下幾樣東西：目標畫板（也就是picturebox），繪圖顏色，原始畫布。
實現(xiàn)菜單功能
　　

這里就需要我們對文件的操作有一點了解，大家可以去查一下相關資料。
難點主要就是“打開”這個菜單項的實現(xiàn)
我們要實現(xiàn)將打開后的圖片在修改后重新保存就必須讓文件在打開后就能關閉，否則就會因為文件打開而無法覆蓋原文件。就會導致編譯時彈出“GDI　一般性錯誤”。所以根據(jù)網(wǎng)上其它朋友的做法就是先將打開的圖片通過GDI+將圖片畫到另一個畫布上，然后及時關閉打開的圖片和用來繪制該圖片的畫板。

復制代碼代碼如下:

private void openPic_Click(object sender, EventArgs e)
        {
            OpenFileDialog ofd = new OpenFileDialog();//實例化文件打開對話框
            ofd.Filter = "JPG|*.jpg|Bmp|*.bmp|所有文件|*.*";//設置對話框打開文件的括展名
            if (ofd.ShowDialog() == DialogResult.OK)
            {
                Bitmap bmpformfile = new Bitmap(ofd.FileName);//獲取打開的文件
                panel2.AutoScrollPosition = new Point(0,0);//將滾動條復位
                pbImg.Size = bmpformfile.Size;//調(diào)整繪圖區(qū)大小為圖片大小
                reSize.Location = new Point(bmpformfile.Width, bmpformfile.Height);//reSize為我用來實現(xiàn)手動調(diào)節(jié)畫布大小用的
                //因為我們初始時的空白畫布大小有限，"打開"操作可能引起畫板大小改變，所以要將畫板重新傳入工具類
                dt.DrawTools_Graphics = pbImg.CreateGraphics();
                Bitmap bmp = new Bitmap(pbImg.Width, pbImg.Height);
                Graphics g = Graphics.FromImage(bmp);
                g.FillRectangle(new SolidBrush(pbImg.BackColor), new Rectangle(0, 0, pbImg.Width, pbImg.Height));//不使用這句話，那么這個bmp的背景就是透明的
                g.DrawImage(bmpformfile, 0, 0,bmpformfile.Width,bmpformfile.Height);//將圖片畫到畫板上
                g.Dispose();//釋放畫板所占資源
                //不直接使用pbImg.Image = Image.FormFile(ofd.FileName)是因為這樣會讓圖片一直處于打開狀態(tài)，也就無法保存修改后的圖片
                bmpformfile.Dispose();//釋放圖片所占資源
                g = pbImg.CreateGraphics();
                g.DrawImage(bmp, 0, 0);
                g.Dispose();
                dt.OrginalImg = bmp;
                bmp.Dispose();
                sFileName = ofd.FileName;//儲存打開的圖片文件的詳細路徑，用來稍后能覆蓋這個文件
                ofd.Dispose();
            }
        }

清除圖像其實就是用白色填充整個畫布
其它的都比較簡單，這就不具體講了。
實現(xiàn)手動調(diào)節(jié)畫布大小
網(wǎng)上有人說使用API，但是個人覺得還是使用其它控件幫忙比較簡單，至少我們還看得懂。
思路：放置一個picturebox1(尺寸為5*5)，將它固定在主畫板的右下角，然后改變鼠標進入時的Cursor為箭頭形狀，設置鼠標按下移動時的事件，讓該picturebox1 跟隨鼠標移動。當鼠標松開時，將主畫板的右下角坐標調(diào)整為picturebox1的坐標。
下面來看下代碼：
其中的reSize就是我們用來幫忙的picturebox控件　

復制代碼代碼如下:

private bool bReSize = false;//是否改變畫布大小
        private void reSize_MouseDown(object sender, MouseEventArgs e)
        {
            bReSize = true;//當鼠標按下時，說明要開始調(diào)節(jié)大小
        }
        private void reSize_MouseMove(object sender, MouseEventArgs e)
        {
            if (bReSize)
            {
                reSize.Location = new Point(reSize.Location.X + e.X, reSize.Location.Y + e.Y);
            }
        }
        private void reSize_MouseUp(object sender, MouseEventArgs e)
        {
            bReSize = false;//大小改變結束
            //調(diào)節(jié)大小可能造成畫板大小超過屏幕區(qū)域，所以事先要設置autoScroll為true.
            //但是滾動條的出現(xiàn)反而增加了我們的難度，因為滾動條上下移動并不會自動幫我們調(diào)整圖片的坐標。
            //這是因為GDI繪圖的坐標系不只一個，好像有三個，沒有仔細了解，一個是屏幕坐標，一個是客戶區(qū)坐標，還個是文檔坐標。
            //滾動條的上下移動改變的是文檔的坐標，但是客戶區(qū)坐標不變，而location屬性就屬于客戶區(qū)坐標，所以我們直接計算會出現(xiàn)錯誤
            //這時我們就需要知道文檔坐標與客戶區(qū)坐標的偏移量，這就是AutoScrollPostion可以提供的
            pbImg.Size = new Size(reSize.Location.X - (this.panel2.AutoScrollPosition.X), reSize.Location.Y - (this.panel2.AutoScrollPosition.Y));
            dt.DrawTools_Graphics = pbImg.CreateGraphics();//因為畫板的大小被改變所以必須重新賦值
            //另外畫布也被改變所以也要重新賦值
            Bitmap bmp = new Bitmap(pbImg.Width, pbImg.Height);
            Graphics g = Graphics.FromImage(bmp);
            g.FillRectangle(new SolidBrush(Color.White), 0, 0, pbImg.Width, pbImg.Height);
            g.DrawImage(dt.OrginalImg, 0, 0);
            g.Dispose();
            g = pbImg.CreateGraphics();
            g.DrawImage(bmp, 0, 0);
            g.Dispose();
            dt.OrginalImg = bmp;
            bmp.Dispose();
        }