用PythonTkinter模塊做簡易畫圖板

一、功能需求分析

在開始寫代碼之前，先分析程序需要實現的功能。一個簡易的畫圖板應該有取色器、畫筆工具、直線工具、矩形工具、圓形工具、一鍵清除這六項基本功能。做這個程序只需用到Canvas和Button兩種控件。Python 提供了多個圖形開發界面的庫，Tkinter、wxPython、Jython都是常用Python GUI 庫。Tkinter是一個輕量級的跨平臺圖形用戶界面（GUI）開發工具，是Python自帶的官方標準庫，安裝Python 之后直接導入就可以使用， 我們常見的Python IDLE就是使用Tkinter實現的。需要用到的函數及函數用法如下表：

二、 界面設計

這里使用了網格布局方式的grid布局管理器，簡便易用。首先，用import導入Tkinter模塊及colorchooser函數。

然后設置窗口標題及背景顏色并創建六個功能按鈕，并設置row（行）值為0，column（列）值依次增加以將六個按鈕放在第0行的不同列上。接著在第1行創建一個Canvas畫布控件。并且將columnspan值設為6以對0～5列進行合并。這樣Canvas組件就占了6列，有了足夠的寬度。

代碼如圖1。

運行效果如圖2。

三、 功能實現

1.實現按鈕響應

接下來我們開始給這些按鈕編寫功能。首先寫出六個按鈕的事件響應函數，并進行綁定。

這里我們聲明了兩個全局變量：一個是Shape，用于儲存當前工具所繪制的形狀;另一個是color，用于儲存當前顏色的十六進制顏色值。

在取色器事件響應函數中，我們使用了askcolor函數。在使用askcolor函數時，用戶選取顏色點擊確定后的返回值是一個元組，元組中下標為0的元素是一個元組（R，G，B），表示用戶選取顏色的RGB值，下標為1的元素是所選顏色的十六進制值。

在畫筆、矩形、直線、圓形工具的事件響應函數中，我們只需要將全局變量Shape設置成代表形狀的相應字符串就行了（注：p代表畫筆，l代表直線，r代表矩形，c代表圓形）。

在一鍵清除事件響應函數中，我們用Canvas的delete（ALL）函數刪除畫布的所有內容。

寫完函數之后，我們把這幾個按鈕的事件響應函數和左鍵單擊按鈕的事件綁定起來，這樣在用戶按下按鈕的時候就會觸發響應函數了，代碼如圖3。

2.畫布功能實現

然后我們在Canvas上寫繪制圖形的核心代碼。經過分析，我們在畫板上畫圖時一般分為三個階段——落筆（按下鼠標左鍵）、繪制（按住鼠標左鍵并移動）、抬筆（松開鼠標左鍵）。

而我們在處理矩形、圓形、直線操作時，只需要在落筆時記錄起始點的坐標prevX及抬筆時終止點的坐標prevY，再用畫布的函數繪制相應圖形就行了。因此我們就把這三個工具負責繪制相關功能的函數都合在了落筆函數pen_down和抬筆函數pen_up里面，代碼如圖4。

但是畫筆工具就沒這么容易了，畫筆工具需要實時繪制，即鼠標到哪兒筆跡就到哪兒。所以我們需要（在使用畫筆工具時）按下鼠標就不斷地繪制點，這樣就可以做到實時繪制了。

不過問題又來了，Canvas中并沒有繪制點的坐標。所以我們需要用繪制直線的函數create_line并將起始點坐標和終止點坐標都設為當前鼠標的坐標，這樣就可以在鼠標走過的地方留下小點了，點動成線就有了筆跡。最后把畫筆繪制的函數draw和按下鼠標左鍵不放并拖動的事件綁定在一起就行了。

還需要注意的是，在draw函數里，務必要判斷當前的工具是不是畫筆，不然在使用其他工具時也會在鼠標后面出現一條筆跡。

四、運行測試

至此，畫圖板所有的代碼都完成了，接下來運行測試，修改Bug。簡易畫圖板就實現了（圖5）！