Python GUI开发（超长文）

1. Python GUI开发简介

1.1 为什么使用Python进行GUI开发

Python是一种高级编程语言，因其简洁的语法和强大的功能而被广泛使用。使用Python进行GUI（图形用户界面）开发具有以下优势：

• 易学易用：Python语言简洁，易于上手，使得初学者能够快速学习并开发GUI应用程序。
• 跨平台性：Python编写的GUI应用程序可以跨平台运行，无需为不同的操作系统编写不同的代码。
• 丰富的库支持：Python社区提供了多种GUI库，如Tkinter、wxPython、PyQt等，这些库功能丰富，能够满足不同需求。
• 社区支持：Python拥有庞大的开发者社区，遇到问题时可以快速获得帮助和解决方案。

1.2 常用Python GUI库介绍

Python GUI开发中，有几个库因其易用性和功能强大而广受欢迎：

• Tkinter：Python的标准GUI库，内置于Python安装包中，无需额外安装。它提供了丰富的组件和控件，适合快速开发简单的GUI应用程序。
• wxPython：一个跨平台的GUI工具包，提供了丰富的本地化组件和控件，适合开发具有丰富功能的桌面应用程序。
• PyQt：基于Qt框架的Python绑定，提供了一套完整的GUI开发工具，支持高级图形效果和复杂的用户界面设计。
• PySide：Qt框架的另一个Python实现，与PyQt类似，但由Qt公司官方提供，保证了与Qt的兼容性。
• Kivy：一个开源的Python库，用于开发多点触控应用程序，适合开发现代触摸屏应用。

这些库各有特点，开发者可以根据项目需求和个人喜好选择合适的库进行GUI开发。

2. PySimpleGUI快速入门

2.1 PySimpleGUI特点

PySimpleGUI是一个Python库，它提供了一种简单直观的方式来创建GUI应用程序。以下是PySimpleGUI的一些显著特点：

• 简洁的API：PySimpleGUI的API设计简洁，使得创建GUI元素和布局变得非常容易。
• 多后端支持：支持Tkinter、Qt、WxPython等不同的GUI后端，开发者可以根据需要选择最合适的后端。
• 跨平台：PySimpleGUI编写的应用程序可以在Windows、macOS和Linux等多种操作系统上运行。
• 易于学习：即使是没有GUI开发经验的开发者，也能够快速上手PySimpleGUI。
• 丰富的社区资源：拥有活跃的社区和丰富的在线资源，便于解决开发过程中遇到的问题。

2.2 安装与配置PySimpleGUI

安装PySimpleGUI是一个简单的过程，可以通过Python的包管理器pip来完成。以下是安装步骤：

1. 打开命令行工具。

2. 输入以下命令来安装PySimpleGUI：

   pip install PySimpleGUI
   1

   如果需要指定特定版本，可以在命令中指定版本号，例如安装4.40.0版本：

   pip install PySimpleGUI==4.40.0
   1

安装完成后，可以通过以下代码来测试PySimpleGUI是否正确安装：

import PySimpleGUI as sg

# 创建一个简单的窗口
layout = [
    [sg.Text('Hello, PySimpleGUI!')],
    [sg.Button('Click Me')]
]

# 创建窗口
window = sg.Window('Test PySimpleGUI', layout)

# 事件循环
while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED or event == 'Click Me':
        break

# 关闭窗口
window.close()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

这段代码将创建一个包含文本和按钮的简单窗口，点击按钮或关闭窗口时程序将退出。通过这个测试，可以确认PySimpleGUI已经成功安装并能够运行基本的GUI程序。

3. PySimpleGUI基础概念

3.1 窗口（Window）

窗口是PySimpleGUI中用于展示GUI应用程序的顶层容器。每个窗口可以包含多个布局和元素，并且可以响应用户的交互事件。

• 创建窗口：使用sg.Window函数创建窗口实例，可以设置窗口的标题、大小等属性。
• 显示窗口：通过调用窗口的layout方法来定义窗口的布局和元素。
• 事件循环：使用window.read()方法进入事件循环，监听用户的输入和操作。

layout = [
    [sg.Text('Welcome to PySimpleGUI!')],
    [sg.Button('OK'), sg.Button('Cancel')]
]
window = sg.Window('My Window', layout)
event, values = window.read()
window.close()
1
2
3
4
5
6
7

3.2 布局（Layout）

布局是PySimpleGUI中用于组织窗口内元素的方式。布局可以是垂直或水平排列，也可以是更复杂的嵌套布局。

• 基本布局：使用列表的列表来定义布局，外层列表定义行或列，内层列表定义该行或列中的元素。
• 嵌套布局：可以将一个布局作为另一个布局的元素，实现复杂的布局结构。
• 布局参数：可以通过设置参数来调整布局的对齐、填充等属性。

layout = [
    [sg.Text('Name:'), sg.Input()],
    [sg.Text('Age:'), sg.Spin([sg.Radio('18', "RADIO1", default=True), sg.Radio('25', "RADIO1")])]
]
1
2
3
4

3.3 元素（Element）

元素是构成PySimpleGUI窗口的基本组件，如按钮、文本框、列表框等。

• 常用元素：包括sg.Text、sg.Input、sg.Button、sg.Checkbox等。
• 元素属性：每个元素都有一系列的属性，如大小、颜色、字体等，可以通过参数进行设置。
• 元素事件：某些元素可以触发事件，如按钮点击、文本输入等，可以通过事件循环来响应这些事件。

layout = [
    [sg.Text('Enter your name:')],
    [sg.Input(key='name')],
    [sg.Button('Submit'), sg.Button('Exit')]
]
1
2
3
4
5

3.4 事件（Event）

事件是用户与GUI应用程序交互的结果，如点击按钮、选择选项等。

• 事件处理：在事件循环中，通过window.read()方法获取事件和值。
• 事件识别：事件通常是一个字符串，表示触发事件的元素的标识符。
• 条件响应：根据事件的类型，可以在程序中执行不同的逻辑。

while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED or event == 'Exit':
        break
    elif event == 'Submit':
        sg.popup(f'Hello, {values[0]}!')
1
2
3
4
5
6

4. 创建简单的PySimpleGUI应用

4.1 创建登录界面

创建一个基本的登录界面，用户可以通过输入用户名和密码来登录。界面包括文本输入框、密码输入框以及登录按钮。

import PySimpleGUI as sg

# 定义登录界面布局
layout = [
    [sg.Text('Username:')],
    [sg.Input(key='username')],
    [sg.Text('Password:')],
    [sg.Input(key='password', password_char='*')],
    [sg.Button('Login'), sg.Button('Exit')]
]

# 创建窗口
window = sg.Window('Login', layout)

# 事件循环
while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED or event == 'Exit':
        break
    elif event == 'Login':
        # 这里可以添加登录验证逻辑
        sg.popup(f'Hello, {values["username"]}!')
        
# 关闭窗口
window.close()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

4.2 创建数据输入表单

创建一个数据输入表单，允许用户输入个人信息，包括姓名、年龄和性别，并提交表单。

layout = [
    [sg.Text('Name:')],
    [sg.Input(key='name')],
    [sg.Text('Age:')],
    [sg.Spin(range=(0, 120), initial_value=18, key='age')],
    [sg.Radio('Male', "GENDER", default=True), sg.Radio('Female', "GENDER")],
    [sg.Submit(), sg.Cancel()]
]

window = sg.Window('Data Input Form', layout)

# 事件循环
while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED or event == 'Cancel':
        break
    elif event == 'Submit':
        sg.popup(f'Name: {values["name"]}, Age: {values["age"]}, Gender: {"Male" if values["GENDER"] == "1" else "Female"}')

# 关闭窗口
window.close()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

4.3 创建简单计算器

实现一个简单的计算器，包括数字输入、基本运算（加、减、乘、除）和结果显示。

layout = [
    [sg.Text('0'), sg.Input(key='result', size=(15, 1))],
    [sg.Button('7'), sg.Button('8'), sg.Button('9'), sg.Button('/')],
    [sg.Button('4'), sg.Button('5'), sg.Button('6'), sg.Button('*')],
    [sg.Button('1'), sg.Button('2'), sg.Button('3'), sg.Button('-')],
    [sg.Button('0'), sg.Button('.')],
    [sg.Button('+'), sg.Button('='), sg.Button('C')]
]

window = sg.Window('Simple Calculator', layout)

# 定义计算器逻辑
def calculate(event, values):
    result_text = values['result'].get()
    if event == 'C':
        result_text = '0'
    elif event in ('7', '8', '9', '4', '5', '6', '1', '2', '3', '0', '.'):
        result_text += event
    elif event == '+':
        operation = '+'
    elif event == '-':
        operation = '-'
    elif event == '*':
        operation = '*'
    elif event == '/':
        operation = '/'
    elif event == '=':
        try:
            result = eval(result_text)
            result_text = str(result)
        except:
            result_text = 'Error'
    return result_text

# 事件循环
while True:
    event, values = window.read()
    if event == sg.WIN_CLOSED:
        break
    values['result'] = calculate(event, values)

# 更新结果显示
window['result'].update(values['result'])

# 关闭窗口
window.close()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

5. Tkinter基础

5.1 Tkinter简介

Tkinter是Python的标准GUI库，它提供了丰富的组件和控件来创建GUI应用程序。Tkinter易于使用，且内置于Python中，无需额外安装。

• 组件和控件：Tkinter提供了按钮、文本框、列表框、菜单等多种GUI组件。
• 事件驱动：Tkinter应用程序是事件驱动的，可以响应用户的点击、输入等操作。
• 跨平台：Tkinter支持Windows、macOS和Linux等多种操作系统。

5.2 创建基本窗口

创建Tkinter窗口的基本步骤如下：

1. 导入Tkinter库。
2. 创建Tkinter窗口对象。
3. 添加组件和控件到窗口。
4. 进入事件循环以显示窗口并响应用户操作。

import tkinter as tk

# 创建主窗口
root = tk.Tk()

# 设置窗口标题
root.title("Tkinter Basic Window")

# 添加组件到窗口
label = tk.Label(root, text="Hello, Tkinter!")
label.pack()

# 启动事件循环
root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13
14

5.3 设置窗口属性

Tkinter窗口对象提供了多种方法来设置窗口的属性，如大小、位置、背景颜色等。

• 设置窗口大小：使用geometry方法设置窗口的宽度和高度。
• 设置窗口位置：使用geometry方法设置窗口的初始位置。
• 设置背景颜色：使用config或configure方法设置窗口的背景颜色。

# 设置窗口大小和位置
root.geometry("300x200+100+100")

# 设置窗口背景颜色
root.config(bg="lightblue")
1
2
3
4
5

通过这些基本属性的设置，可以自定义Tkinter窗口的外观和行为。

6. Tkinter进阶

6.1 Widget组件

Tkinter提供了多种Widget组件，用于构建GUI应用程序的各种界面元素。

• 标签（Label）：用于显示文本或图片。
• 按钮（Button）：用户可以点击的控件，用于触发事件。
• 文本框（Entry）：允许用户输入单行文本。
• 文本域（Text）：用于显示和编辑多行文本。
• 列表框（Listbox）：显示一列可选项目供用户选择。
• 滚动条（Scrollbar）：允许用户滚动内容。
• 画布（Canvas）：用于绘制图形和复杂的形状。

import tkinter as tk

root = tk.Tk()
root.title("Tkinter Widgets")

# 创建标签组件
label = tk.Label(root, text="Hello, Tkinter!")
label.pack()

# 创建按钮组件
def on_button_click():
    print("Button clicked!")

button = tk.Button(root, text="Click Me", command=on_button_click)
button.pack()

# 创建文本框组件
entry = tk.Entry(root)
entry.pack()

# 创建文本域组件
text = tk.Text(root, height=4, width=30)
text.pack()

# 创建列表框组件
listbox = tk.Listbox(root)
listbox.pack()
listbox.insert(1, "Python")
listbox.insert(2, "Java")
listbox.insert(3, "C++")

# 创建滚动条组件
scrollbar = tk.Scrollbar(root, orient="vertical")
scrollbar.pack(side="right", fill="y")

# 创建画布组件
canvas = tk.Canvas(root, height=100, width=200)
canvas.pack()
canvas.create_line(50, 20, 150, 80, width=4)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

6.2 布局管理

Tkinter提供了三种主要的布局管理器：pack、grid和place。

• pack()：自动放置组件，按照添加顺序堆叠。
• grid()：使用网格系统放置组件，可以指定行和列。
• place()：通过指定坐标和尺寸精确放置组件。

# 使用pack布局管理器
frame = tk.Frame(root)
frame.pack()

label1 = tk.Label(frame, text="Label 1")
label2 = tk.Label(frame, text="Label 2")
label1.pack(side="left")
label2.pack(side="right")

# 使用grid布局管理器
for i in range(3):
    tk.Label(root, text=f"Row {i}, Column 0").grid(row=i, column=0)
    tk.Label(root, text=f"Row {i}, Column 1").grid(row=i, column=1)

# 使用place布局管理器
label = tk.Label(root, text="Placed Label")
label.place(x=50, y=50, width=100, height=20)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

6.3 事件及事件处理

Tkinter应用程序是事件驱动的，可以响应各种用户操作。

• 绑定事件：使用bind方法将事件与回调函数相关联。
• 事件对象：事件回调函数中包含一个事件对象，包含事件信息。
• 键盘事件：监听键盘按键。
• 鼠标事件：监听鼠标点击、移动等操作。

def on_key_event(event):
    print(f"Key {event.keysym} pressed")

root.bind("<Key>", on_key_event)

def on_mouse_event(event):
    print(f"Mouse clicked at ({event.x}, {event.y})")

canvas = tk.Canvas(root, width=200, height=100)
canvas.pack()
canvas.bind("<Button-1>", on_mouse_event)

# 创建一个下拉菜单
menu = tk.Menu(root)
root.config(menu=menu)

filemenu = tk.Menu(menu, tearoff=0)
filemenu.add_command(label="New", command=lambda: print("New File"))
filemenu.add_command(label="Open", command=lambda: print("Open File"))
menu.add_cascade(label="File", menu=filemenu)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

7. Tkinter高级特性

7.1 菜单（Menu）

菜单是GUI应用程序中提供用户操作选项的一种方式。Tkinter支持创建多级菜单和子菜单。

• 创建菜单：使用Menu类创建菜单对象，并将其添加到窗口中。
• 添加菜单项：使用add_command方法添加菜单项，可以指定命令回调函数。
• 创建下拉菜单：将菜单作为另一个菜单的子菜单添加，创建下拉菜单。

root = tk.Tk()

# 创建主菜单
main_menu = tk.Menu(root)
root.config(menu=main_menu)

# 创建文件菜单并添加到主菜单
file_menu = tk.Menu(main_menu, tearoff=0)
main_menu.add_cascade(label="File", menu=file_menu)

# 添加文件菜单项
file_menu.add_command(label="New", command=lambda: print("New File"))
file_menu.add_command(label="Open", command=lambda: print("Open File"))
file_menu.add_separator()
file_menu.add_command(label="Exit", command=root.quit)

# 创建编辑菜单并添加到主菜单
edit_menu = tk.Menu(main_menu, tearoff=0)
main_menu.add_cascade(label="Edit", menu=edit_menu)
edit_menu.add_command(label="Cut", command=lambda: print("Cut"))
edit_menu.add_command(label="Copy", command=lambda: print("Copy"))
edit_menu.add_command(label="Paste", command=lambda: print("Paste"))

root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

7.2 框架（Frames）

框架是Tkinter中用于组织和分组组件的容器。框架可以包含其他框架或组件，有助于创建复杂的布局。

• 创建框架：使用Frame类创建框架对象。
• 添加组件到框架：将组件添加到框架中，然后框架添加到窗口。
• 框架布局：可以使用布局管理器对框架中的组件进行布局。

root = tk.Tk()

# 创建顶层框架
top_frame = tk.Frame(root)
top_frame.pack(side="top", fill="x")

# 在顶层框架内创建子框架
sub_frame = tk.Frame(top_frame)
sub_frame.pack(side="left", fill="both", expand=True)

# 向子框架添加组件
label = tk.Label(sub_frame, text="I'm in a frame inside another frame!")
label.pack()

root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

7.3 对话框（Dialog Box）

对话框是GUI应用程序中用于与用户交互的模态窗口，通常用于提示信息、获取用户输入或显示错误信息。

• 创建自定义对话框：通过创建新的Toplevel窗口并添加组件来实现。
• tkinter.messagebox：Tkinter提供了一个内置的messagebox模块，用于快速创建标准的对话框。

import tkinter as tk
from tkinter import simpledialog

# 使用tkinter.messagebox创建对话框
def show_message_box():
    result = tk.messagebox.askquestion("Question", "Do you like Tkinter?")
    if result == "yes":
        print("You said yes!")
    else:
        print("You said no!")

# 创建自定义输入对话框
def ask_string():
    string = simpledialog.askstring("Input", "Enter something:")
    if string:
        print(f"You entered: {string}")

root = tk.Tk()
root.withdraw()  # 隐藏主窗口

# 显示对话框
show_message_box()
ask_string()

root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

8. Tkinter实战案例

8.1 创建复杂应用布局

在Tkinter中创建复杂应用布局涉及到使用框架（Frame）和高级布局管理技术。

• 使用多个框架：通过在不同层级使用框架，可以将窗口划分为多个区域，每个区域具有独立的布局和功能。
• 高级布局管理：结合使用pack()、grid()和place()布局管理器，可以创建复杂的布局结构。

import tkinter as tk

root = tk.Tk()
root.title("Complex Layout")

# 创建顶层框架
top_frame = tk.Frame(root)
top_frame.pack(side="top", fill="x")

# 创建左侧和右侧子框架
left_frame = tk.Frame(top_frame)
left_frame.pack(side="left", fill="y")

right_frame = tk.Frame(top_frame)
right_frame.pack(side="right", fill="both", expand=True)

# 在左侧框架中使用grid布局
for i in range(3):
    tk.Label(left_frame, text=f"Label {i}").grid(row=i, column=0)

# 在右侧框架中使用pack布局
tk.Button(right_frame, text="Button 1").pack(side="top", fill="x")
tk.Button(right_frame, text="Button 2").pack(side="bottom", fill="x")

root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

8.2 图片使用

Tkinter支持在应用程序中使用图片，这可以通过PhotoImage类来实现。

• 加载图片：使用PhotoImage类加载GIF格式的图片文件。
• 显示图片：将图片添加到标签（Label）或其他组件中。

import tkinter as tk

root = tk.Tk()
root.title("Using Images")

# 加载图片
image = tk.PhotoImage(file="path_to_image.gif")

# 创建一个标签显示图片
label = tk.Label(root, image=image)
label.pack()

root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13

8.3 自定义样式

Tkinter允许开发者自定义组件的样式，包括颜色、字体和大小等。

• 使用样式：通过config或configure方法设置组件的样式属性。
• 样式主题：Tkinter的某些版本支持使用主题来改变整个应用程序的外观。

import tkinter as tk

root = tk.Tk()
root.title("Custom Styles")

# 设置背景颜色和文本颜色
root.config(bg="white", fg="black")

# 创建一个自定义样式的标签
label = tk.Label(root, text="Custom Style Label", fg="blue", font=("Helvetica", 16))
label.pack()

# 创建一个自定义样式的按钮
button = tk.Button(root, text="Custom Style Button", bg="green", fg="white", font=("Arial", 14, "bold"))
button.pack()

root.mainloop()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

通过这些实战案例，开发者可以更深入地理解Tkinter的高级功能，并将其应用于创建具有丰富交互和美观界面的Python GUI应用程序。