Python Chapter 9: 使用Tkinter进行GUI程序设计 Part 4

10. 弹出菜单

# Program 9.14
from tkinter import *

class PopupMenuDemo:
    def __init__(self):
        window = Tk()
        window.title("Popup Menu Demo")

        self.menu = Menu(window, tearoff = 0)
        self.menu.add_command(label = "Draw a line", command = self.displayLine)
        self.menu.add_command(label = "Draw an oval", command = self.displayOval)
        self.menu.add_command(label = "Draw a rectangle", command = self.displayRect)
        self.menu.add_command(label = "Clear", command = self.clearCanvas)

        self.canvas = Canvas(window, width = 200, height = 100, bg = "white")
        self.canvas.pack()

        self.canvas.bind("<Button-3>", self.popup)

        window.mainloop()

    def displayRect(self):
        self.canvas.create_rectangle(10, 10, 190, 90, tags = "rect")

    def displayOval(self):
        self.canvas.create_oval(10, 10, 190, 90, tags = "oval")

    def displayLine(self):
        self.canvas.create_line(10, 10, 190, 90, tags = "line")
        self.canvas.create_line(10, 90, 190, 10, tags = "line")

    def clearCanvas(self):
        self.canvas.delete("rect", "oval", "line")

    def popup(self, event):
        self.menu.post(event.x_root, event.y_root)

PopupMenuDemo()

9-13） 用self.menu存储Menu类对象是因为后续方法中会需要访问此menu，故将其放在类的数据域中

　　　self.menu.add_command(label, command)给一个菜单栏添加具体命令

18） self.canvas.bind(string, command)将对象self.canvas与命令command绑定起来，调用此回调函数的条件由string描述，此处"<Button-3>"代表当在Canvas内点击鼠标右键时（更多的string选项在后续的章节中进行介绍）

36） 当在self.canvas中点击鼠标右键会调用popup()函数，其中self.menu.post(x, y)将菜单menu显示在坐标为(x, y)的地方，此处event代表事件对象（此处即为点击鼠标右键），event.x_root与event.y_root分别代表此事件发生的x坐标与y坐标（此处即为在画布中点击右键处的x,y坐标）。menu.post(x, y)是设计弹出菜单的关键

11. 鼠标、按键事件和绑定

前面例子使用小构件的bind方法将事件与回调处理器绑定：

widget.bind(event, handler)

其中event所代表的的事件应用引号括起来表示成字符串，具体事件有以下选项：

事件	描述
<Bi-Motion>	当鼠标左键按住小构件且移动鼠标时事件发生
<Button-i>	Button-1、Button-2、Button-3分别表明左键、中键和右键，单击时触发事件，且Tkinter会自动抓取鼠标指针的位置
<ButtonReleased-i>	当释放鼠标左中右键时触发事件
<Double-Button-i>	当双击鼠标左中右键时触发事件
<Enter>	当鼠标光标进入小构件时触发事件
<Key>	当单机一个键时触发事件
<Leave>	当鼠标光标离开小构件时事件发生
<Return>	当单机“Enter”键时事件发生，此处亦可将Return替换为键盘上的任意键（"A"、"B"、"Down“、“Right”等）
<Shift+A>	当单机"Shift+A"键时事件发生，可以将Alt、Shift、Control和其他键任意组合
<Triple-Button-i>	当三次单机鼠标左中右键时事件发生

与此同时，每个事件也对应了诸多属性，采用event.properties调用这些属性值：

事件属性	描述
char	对<Key>事件有效，得到从键盘输入的字符
keycode	对<Key>事件有效，得到从键盘输入字符的统一码（有时是ASCII码）
keysym	对<Key>事件有效，得到从键盘输入字符的符号（其实就是字符）
num	num=1/2/3表示按下的是鼠标哪个键
widget	触发这个事件的小构件对象
x、y	当前鼠标在小构件中以像素为单位的位置
x_root、y_root	当前鼠标相对于屏幕左上角的以像素为单位的位置

下面是一个使用小构件绑定事件及事件属性的例子：

# Program 9.15
from tkinter import *

class MouseKeyEventDemo:
    def __init__(self):
        window = Tk()
        window.title("Event Demo")
        canvas = Canvas(window, bg = "white", width = 200, height = 100)
        canvas.pack()

        canvas.bind("<Button-1>", self.processMouseEvent)

        canvas.bind("<Key>", self.processKeyEvent)
        canvas.focus_set()

        window.mainloop()

    def processMouseEvent(self, event):
        print("clicked at ", event.x, event.y)
        print("Position in the screen", event.x_root, event.y_root)
        print("Which button is clicked? ", event.num)

    def processKeyEvent(self, event):
        print("keysym? ", event.keysym)
        print("char? ", event.char)
        print("keycode? ", event.keycode)

MouseKeyEventDemo()

11）将canvas绑定<Button-1>即左键点击事件并调用processMouseEvent方法

13）将canvas绑定<Key>即键盘输入事件并调用processKeyEvent方法

14）canvas.focus_set()在画布上设置焦点从而从键盘上获取输入（其实我心里是？？？焦点跟这有啥关系）

19-21、24-26） 调用了event事件的x/y/x_root/y_root/num/keysym/char/keycode等一系列属性

# Program 9.16
from tkinter import *

class EnlargeShrinkCircle:
    def __init__(self):
        self.radius = 50

        window = Tk()
        window.title("Control Circle Demo")
        self.canvas = Canvas(window, bg = "white", width = 200, height = 200)
        self.canvas.pack()
        self.canvas.create_oval(100 - self.radius, 100 - self.radius, 100 + self.radius, 100 + self.radius, tags = "oval")

        self.canvas.bind("<Button-1>", self.increaseCircle)
        self.canvas.bind("<Button-3>", self.decreaseCircle)

        window.mainloop()

    def increaseCircle(self, event):
        self.canvas.delete("oval")
        if self.radius < 100:
            self.radius += 2
        self.canvas.create_oval(100 - self.radius, 100 - self.radius, 100 + self.radius, 100 + self.radius, tags = "oval")

    def decreaseCircle(self, event):
        self.canvas.delete("oval")
        if self.radius > 2:
            self.radius -= 2
        self.canvas.create_oval(100 - self.radius, 100 - self.radius, 100 + self.radius, 100 + self.radius, tags = "oval")

EnlargeShrinkCircle()

14-15） 添加点击鼠标左键、右键事件至self.canvas，并分别与increaseCircle和decreaseCircle方法绑定

19-29） 在increaseCircle与decreaseCircle中，先调用canvas对象的delete方法清除原先的圆，再更改self.radius更新半径，最后重新调用canvas对象create_oval方法绘制新的圆

12. 动画

# Program 9.17
from tkinter import *

class AnimationDemo:
    def __init__(self):
        window = Tk()
        window.title("Animation Demo")

        width = 250
        canvas = Canvas(window, bg = "white", width = 250, height = 50)
        canvas.pack()

        x = 0
        canvas.create_text(x, 30, text = "Message moving?", tags = "text")

        dx = 3
        while True:
            canvas.move("text", dx, 0)
            canvas.after(100)
            canvas.update()
            if x < 
                x += dx
            else:
                x = 0
                canvas.delete("text")
                canvas.create_text(x, 30, text = "Message moving?", tags = "text")

        window.mainloop()

AnimationDemo()

14） 调用canvas对象的create_text方法，create_text(x, y, text, tags)其中x, y为创建消息的坐标，text为消息内容，tags为其标签

18） 调用canvas对象的move方法，move(tags, dx, dy)其中tags为待移动的标签，dx为横向的坐标移动值（右正左负），dy为纵向的坐标移动值（下正上负）

19-20） canvas.after(100)使程序暂停100ms，canvas.update()重新显示画布

21-26） 通过变量x监测消息的当前位置，若超过width则将原消息删掉，在初始位置新建消息并更新变量x=0

# Program 9.18
from tkinter import *

class ControlAnimation:
    def __init__(self):
        window = Tk()
        window.title("Control Animation Demo")

        self.width = 250
        self.canvas = Canvas(window, bg = "white", width = self.width, height = 50)
        self.canvas.pack()

        frame = Frame(window)
        frame.pack()
        btStop = Button(frame, text = "Stop", command = self.stop)
        btStop.pack(side = LEFT)
        btResume = Button(frame, text = "Resume", command = self.resume)
        btResume.pack(side = LEFT)
        btFaster = Button(frame, text = "Faster", command = self.faster)
        btFaster.pack(side = LEFT)
        btSlower = Button(frame, text = "Slower", command = self.slower)
        btSlower.pack(side = LEFT)

        self.x = 0
        self.sleepTime = 100
        self.canvas.create_text(self.x, 30, text = "Message moving?", tags = "text")

        self.dx = 3
        self.isStopped = False
        self.animate()

        window.mainloop()

    def stop(self):
        self.isStopped = True

    def resume(self):
        self.isStopped = False
        self.animate()

    def faster(self):
        if self.sleepTime > 5:
            self.sleepTime -= 20

    def slower(self):
        self.sleepTime += 20

    def animate(self):
        while not self.isStopped:
            self.canvas.move("text", self.dx, 0)
            self.canvas.after(self.sleepTime)
            self.canvas.update()
            if self.x < self.
                self.x += self.dx
            else:
                self.x = 0
                self.canvas.delete("text")
                self.canvas.create_text(self.x, 30, text = "Message moving?", tags = "text")

ControlAnimation()

25) 将移动的间隔时间声明为self.sleepTime，方便后续方法中访问这个值

15-22） 新建四个按钮，分别绑定四个方法，从而实现消息移动的停止、继续、加速、减速功能

29） self.isStopped 参数决定图像是否继续移动，这一点在animate()方法中的while not self.isStopped中凸显出来

48-58）self.animate()是整个程序的核心，负责消息的移动

13. 滚动条

# Program 9.19
from tkinter import *

class ScrollText:
    def __init__(self):
        window = Tk()
        window.title("Scroll Text Demo")

        frame1 = Frame(window)
        frame1.pack()
        scrollbar = Scrollbar(frame1)
        scrollbar.pack(side = LEFT, fill = Y)
        text = Text(frame1, width = 40, height = 10, wrap = WORD, yscrollcommand = scrollbar.set)
        text.pack()
        scrollbar.config(command = text.yview)

        window.mainloop()

ScrollText()

11） 创建一个Scrollbar对象，其父容器为frame1

12） 将scrollbar放在文本的左端

13） 新建一个文本对象Text(frame, width, height, wrap, yscrollcommand)，其中yscrollcommand填Scrollbar对象.set，即可将此文本与滚动条对象绑定

15） scrollbar.config(command)，其中command为text.yview，将文本对象与滚动条绑定为纵向滑动

其运行结果如下图：

14. 标准对话框

# Program 9.20
import tkinter.messagebox
import tkinter.simpledialog
import tkinter.colorchooser

tkinter.messagebox.showinfo("showinfo", "This is an info msg")

tkinter.messagebox.showwarning("showwarning", "This is a warning")

tkinter.messagebox.showerror("showerror", "This is an error")

isYes = tkinter.messagebox.askyesno("askyesno", "Continue?")
print(isYes)

isOK = tkinter.messagebox.askokcancel("askokcancel", "OK?")
print(isOK)

isYesNoCancel = tkinter.messagebox.askyesnocancel("askyesnocancel", "Yes, No, Cancel?")
print(isYesNoCancel)

name = tkinter.simpledialog.askstring("askstring", "Enter your name")
print(name)

age = tkinter.simpledialog.askinteger("askinteger", "Enter your age")
print(age)

weight = tkinter.simpledialog.askfloat("askfloat", "Enter your weight")
print(weight)

2-4） 弹窗的一些模块，使用时需要import

6-10） tkinter.messagebox.show(info/warning/error)(str1, str2) 创建信息/警告/错误弹窗，其中str1为该弹窗标题,str2为该弹窗的内容，三种不同的弹窗还会配上系统为信息/警告/错误预置的图标

12-18） tkinter.messagebox.ask(yesno/okcancel/yesnocalcel) (str1, str2)创建三种类型的弹窗，且皆有返回值。当三个例子中点击(yes/ok/yes）时返回值为True，当三个例子中点击(no/cancel/no)时返回值为False，当在第三个例子中点击cancel时返回值为None（python中类似null的东西）

21-28） tkinter.simpledialog.ask(string/integer/float) 创建三种类型弹窗，其中包含一输入框分别向用户请求一个字符串/整数/浮点数，返回值即为用户输入的内容，若用户点击了Cancel则返回值为None

所有对话框都是模态窗口，意味着对话框消失程序将不再继续（？？不懂）

第9章 使用Tkinter进行GUI程序设计 到此结束