1. 概述
1.1 案例说明
本案例是完成一个简易的画板工具，通过本案例的练习来熟悉单选、复选、列表以及组合框的使用。
该简易的画板工具具备基本的绘图、清除以及颜色设置功能。如下面图片所示：
image.png
2. 菜单以及画布的基本使用
照旧，在进行案例代码编写前，先花点时间完成下面2个代码段的练习，熟悉这些组件的使用方法。
2.1 menu菜单
import tkinter
window = tkinter.Tk()
window.title('my window')
window.geometry('200x150')
l = tkinter.Label(window, text='', bg='pink', width=10)
l.pack()
counter = 0
def do():
global counter
l.config(text='do ' + str(counter))
counter += 1
# 创建一个菜单栏，这里我们可以把他理解成一个容器，在窗口的上方
menubar = tkinter.Menu(window)
# 定义一个空菜单单元
filemenu = tkinter.Menu(menubar, tearoff=0)
# 将上面定义的空菜单命名为`File`，放在菜单栏中，就是装入那个容器中
menubar.add_cascade(label='File', menu=filemenu)
# 在`File`中加入`New`的小菜单，即我们平时看到的下拉菜单，每一个小菜单对应命令操作。
# 如果点击这些单元, 就会触发`do`的功能
filemenu.add_command(label='New', command=do)
# 在`File`中加入`Open`小菜单
filemenu.add_command(label='Open', command=do)
# 在`File`中加入`Save`小菜单
filemenu.add_command(label='Save', command=do)
# 这里是一条分割线
filemenu.add_separator()
# 在`File`中加入`Exit`小菜单,对应命令为`window.quit`退出
filemenu.add_command(label='Exit', command=window.quit)
# 子菜单定义，`File`上创建一个空的菜单
submenu = tkinter.Menu(filemenu)
# 给放入的菜单`submenu`命名为`Import`
filemenu.add_cascade(label='Import', menu=submenu, underline=0)
# 这里和上面也一样，在`Import`中加入一个小菜单命令`Submenu1`
submenu.add_command(label="Submenu1", command=do)
submenu.add_command(label="Submenu2", command=do)
editmenu = tkinter.Menu(menubar, tearoff=0)
menubar.add_cascade(label='Edit', menu=editmenu)
editmenu.add_command(label='Cut', command=do)
editmenu.add_command(label='Copy', command=do)
editmenu.add_command(label='Paste', command=do)
window.config(menu=menubar)
window.mainloop()
运行结果如下：
image.png
2.2 canve画布
import tkinter
app = tkinter.Tk()
app.title('my window')
app.geometry('200x200')
# 创建画布，并设置背景颜色，以及画布长宽
canvas = tkinter.Canvas(app, bg='#b9b9f9', height=150, width=200)
# 定义图片
image_file = tkinter.PhotoImage(file='1.gif')
# 将图片放置在画布上
image = canvas.create_image(150, 10,
anchor='nw', # 把图片的左上角作为锚定点
image=image_file)
x0, y0, x1, y1 = 50, 50, 80, 80
# 绘制直线，从（50, 50）到（50, 80）
line = canvas.create_line(50, 80, 140, 80)
# 绘制圆形
oval = canvas.create_oval(50, 50, 80, 80, fill='pink')
# 绘制扇形
arc = canvas.create_arc(x0+30, y0+30, x1+30, y1+30, start=0, extent=180)
# 绘制矩形
rect = canvas.create_rectangle(50, 30, 100+50, 30+20)
canvas.pack()
def moveit():
canvas.move(oval, 2, 0)
b = tkinter.Button(app, text='move', command=moveit).pack()
app.mainloop()
运行结果如下：
image.png
3. 案例代码实现
import tkinter
from tkinter import colorchooser
app = tkinter.Tk()
app.title('My Paint')
app['width'] = 800
app['height'] = 600
# 控制是否允许画图的变量，1：允许，0：不允许
yesno = tkinter.IntVar(value=0)
# 控制画图类型的变量，1：曲线，2：直线，3：矩形
what = tkinter.IntVar(value=1)
# 记录鼠标位置的变量
X = tkinter.IntVar(value=0)
Y = tkinter.IntVar(value=0)
# 前景色
foreColor = '#000000'
backColor = '#FFFFFF'
# 创建画布
image = tkinter.PhotoImage()
canvas = tkinter.Canvas(app, bg='white', width=800, height=600)
canvas.create_image(800, 600, image=image)
# 鼠标左键单击，允许画图
def onLeftButtonDown(event):
yesno.set(1)
X.set(event.x)
Y.set(event.y)
canvas.bind('<Button-1>', onLeftButtonDown)
# 记录最后绘制图形的id
lastDraw = 0
# 按住鼠标左键移动，画图
def onLeftButtonMove(event):
if yesno.get() == 0:
return
if what.get() == 1:
# 使用当前选择的前景色绘制曲线
canvas.create_line(X.get(), Y.get(), event.x, event.y, fill=foreColor)
X.set(event.x)
Y.set(event.y)
elif what.get() == 2:
# 绘制直线，先删除刚刚画过的直线，再画一条新的直线
global lastDraw
try:
canvas.delete(lastDraw)
except Exception as e:
pass
lastDraw = canvas.create_line(X.get(), Y.get(), event.x, event.y,
fill=foreColor)
elif what.get() == 3:
# 绘制矩形，先删除刚刚画过的矩形，再画一个新的矩形
# global lastDraw
lastDraw
try:
canvas.delete(lastDraw)
except Exception as e:
pass
lastDraw = canvas.create_rectangle(X.get(), Y.get(), event.x, event.y,
fill=backColor, outline=foreColor)
canvas.bind('<B1-Motion>', onLeftButtonMove)
# 鼠标左键抬起，不允许画图
def onLeftButtonUp(event):
if what.get() == 2:
# 绘制直线
canvas.create_line(X.get(), Y.get(), event.x, event.y, fill=foreColor)
elif what.get() == 3:
# 绘制矩形
canvas.create_rectangle(X.get(), Y.get(), event.x, event.y,
fill=backColor, outline=foreColor)
yesno.set(0)
global lastDraw
lastDraw = 0
canvas.bind('<ButtonRelease-1>', onLeftButtonUp)
# 创建菜单
menu = tkinter.Menu(app, tearoff=0)
# 添加菜单，清除
def clear():
for item in canvas.find_all():
canvas.delete(item)
menu.add_command(label='Clear', command=clear)
# 添加分割线
menu.add_separator()
# 创建子菜单，用来选择绘图类型
menuType = tkinter.Menu(menu, tearoff=0)
def draw_curve():
what.set(1)
print(what.get())
menuType.add_command(label='Curve', command=draw_curve)
def draw_line():
what.set(2)
menuType.add_command(label='Line', command=draw_line)
def draw_rectangle():
what.set(3)
menuType.add_command(label='Rectangle', command=draw_rectangle)
menuType.add_separator()
# 选择前景色
def chooseForeColor():
global foreColor
foreColor = tkinter.colorchooser.askcolor()[1]
menuType.add_command(label='Choose Foreground Color', command=chooseForeColor)
# 选择背景色
def chooseBackColor():
global backColor
backColor = tkinter.colorchooser.askcolor()[1]
menuType.add_command(label='Choose Background Color', command=chooseBackColor)
menu.add_cascade(label='Type', menu=menuType)
# 鼠标右键抬起，弹出菜单
def onRightButtonUp(event):
menu.post(event.x_root, event.y_root)
canvas.bind('<ButtonRelease-3>', onRightButtonUp)
canvas.pack(fill=tkinter.BOTH, expand=tkinter.YES)
app.mainloop()
