实验12：GUI界面编程
一、实验目的和要求
1、学会应用常用控件；
2、学会使用BoxSizer布局；
3、学会事件处理。
二、实验环境
软件版本：Python 3.10 64_bit
三、实验过程
1、实例1：使用wx.StaticText输出Python之禅
（1）使用StaticText类输出中文版的Python之禅。具体代码如下:
1 #_*-coding:utf-8 _*_ 2 import wx 3 class MyFrame(wx.Frame): 4 def __init__(self,parent,id): 5 wx.Frame.__init__(self, parent, id,title="创建StaticText类", 6 pos=(100,100),size=(600,400)) 7 # 创建画板 8 panel = wx.Panel(self) 9 # 创建标题，并设置字体 10 title =wx.StaticText(panel,label = "Python之禅-Tim Peters",pos=(100,20)) 11 font =wx.Font(16,wx.DEFAULT,wx.FONTSTYLE_NORMAL,wx.NORMAL) 12 title.SetFont(font) 13 # 创建文本 14 wx.StaticText(panel,label="优美胜于丑陋",pos=(50,50)) 15 wx.StaticText(panel,label="明了胜于晦涩",pos=(50,70)) 16 wx.StaticText(panel,label="简洁胜于复杂",pos=(50,90)) 17 wx.StaticText(panel,label="复杂胜于凌乱",pos=(50,110)) 18 wx.StaticText(panel,label="扁平胜于嵌套",pos=(50,130)) 19 wx.StaticText(panel,label="间隔胜于紧凑",pos=(50,150)) 20 wx.StaticText(panel,label="可读性很重要",pos=(50,170)) 21 wx.StaticText(panel,label="即便假借特例的实用性之名，也不可违背这些规则",pos=(50,190)) 22 wx.StaticText(panel,label="不要包容所有错误，除非你确定需要这样做",pos=(50,210)) 23 wx.StaticText(panel,label="当存在多种可能，不要尝试去猜测",pos=(50,230)) 24 wx.StaticText(panel,label="而是尽量找一种，最好是唯一一种明显的解决方案",pos=(50,250)) 25 wx.StaticText(panel,label="虽然这并不容易，因为你不是 Python 之父",pos=(50,270)) 26 wx.StaticText(panel,label="做也许好过不做，但不假思索就动手还不如不做",pos=(50,290)) 27 wx.StaticText(panel,label="如果你无法向人描述你的方案，那肯定不是一个好方案: 反之亦然",pos=(50,310)) 28 wx.StaticText(panel,label="命名空间是一种绝妙的理念，我们应当多加利用",pos=(50,330)) 29 30 if __name__ == "__main__": 31 app = wx.App() # 初始化应用 32 frame = MyFrame(parent=None,id=-1) # 实例MyFrame类，并传递参数 33 frame.Show() # 显示窗口 34 app.MainLoop() # 调用主循环方法
（2）运行结果如图所示：
2、实例2：使用wx.TextCtrl实现登录界面
（1）使用wx.TextCtrl类和wx.StaticText类实现一个包含用户名和密码的登录界面。具体代码如下:
1 #_*-coding:utf-8 _*_ 2 import wx 3 class MyFrame(wx.Frame): 4 def __init__(self,parent,id): 5 wx.Frame.__init__(self,parent,id,title="创建TextCtrl",size=(400,300)) 6 # 创建面板 7 panel=wx.Panel(self) 8 # 创建文本和密码输入框 9 self.title = wx.StaticText(panel,label="输入用户名和密码",pos=(140,20)) 10 self.label_user = wx.StaticText(panel,label="用户名：",pos=(50,50)) 11 self.text_user = wx.TextCtrl(panel,pos=(100,50),size=(235,25),style=wx.TE_LEFT) 12 self.label_user = wx.StaticText(panel,pos=(50, 90),label="密 码：") 13 self.text_password = wx.TextCtrl(panel,pos=(100, 90),size=(235, 25),style=wx.TE_PASSWORD) 14 15 if __name__ == "__main__": 16 app = wx.App() # 初始化应用 17 frame = MyFrame(parent=None,id=-1) # 实例MyFrame类，并传递参数 18 frame.Show() # 显示窗口 19 app.MainLoop() # 调用主循环方法
（2）运行结果如图所示：
3、实例3：为登录界面添加“确定”和“取消”按钮
（1）使用wx.Button，在实例2的基础上添加“确定”和“取消”按钮。具体代码如下：
1 #_*-coding:utf-8 _*_ 2 import wx 3 class MyFrame(wx.Frame): 4 def __init__(self,parent,id): 5 wx.Frame.__init__(self,parent,id,title="创建TextCtrl类",size=(400,300)) 6 # 创建面板 7 panel = wx.Panel(self) 8 # 创建文本和密码输入框 9 self.title = wx.StaticText(panel,label="输入用户名和密码",pos=(140,20)) 10 self.label_user = wx.StaticText(panel,label="用户名：",pos=(50,50)) 11 self.text_user = wx.TextCtrl(panel,pos=(100,50),size=(235,25),style=wx.TE_LEFT) 12 self.label_user = wx.StaticText(panel,pos=(50, 90),label="密 码：") 13 self.text_password = wx.TextCtrl(panel,pos=(100, 90),size=(235, 25),style=wx.TE_PASSWORD) 14 # 创建“确定”和“取消”按钮 15 self.bt_confirm = wx.Button(panel,label="确定",pos=(105,130)) 16 self.bt_cancel = wx.Button(panel,label="取消",pos=(195,130)) 17 18 if __name__ == "__main__": 19 app = wx.App() # 初始化 20 frame = MyFrame(parent=None,id=-1) # 实例MyFrame类，并传递参数 21 frame.Show() # 显示窗口 22 app.MainLoop() # 调用主循环方法
（2）运行结果如图所示：
4、实例4：使用BoxSizer设置登录界面布局
（1）使用BoxSizer布局方式，实现实例3的界面布局效果。具体代码如下:
1 # _*-coding;utf-8 _*. 2 import wx 3 class MyFrame(wx.Frame): 4 def __init__(self,parent,id): 5 wx.Frame.__init__(self,parent,id,"用户登录",size=(400,300)) 6 # 创建面板 7 panel = wx.Panel(self) 8 # 创建“确定”和“取消”按钮，并绑定事件 9 self.bt_confirm = wx.Button(panel,label="确定") 10 self.bt_cancel = wx.Button(panel,label="取消") 11 # 创建文本，左对齐 12 self.title = wx.StaticText(panel,label="请输入用户名和密码") 13 self.label_user = wx.StaticText(panel,label="用户名:") 14 self.text_user = wx.TextCtrl(panel,style=wx.TE_LEFT) 15 self.label_pwd = wx.StaticText(panel,label="密 码:") 16 self.text_password = wx.TextCtrl(panel,style=wx.TE_PASSWORD) 17 # 添加容器，容器中控件横向排列 18 hsizer_user = wx.BoxSizer(wx.HORIZONTAL) 19 hsizer_user.Add(self.label_user,proportion=0,flag=wx.ALL,border=5) 20 hsizer_user.Add(self.text_user,proportion=1,flag=wx.ALL,border=5) 21 hsizer_pwd = wx.BoxSizer(wx.HORIZONTAL) 22 hsizer_pwd.Add(self.label_pwd,proportion=0,flag=wx.ALL,border=5) 23 hsizer_pwd.Add(self.text_password,proportion=1,flag=wx.ALL,border=5) 24 hsizer_button = wx.BoxSizer(wx.HORIZONTAL) 25 hsizer_button.Add(self.bt_confirm,proportion=0,flag=wx.ALIGN_CENTER,border=5) 26 hsizer_button.Add(self.bt_cancel,proportion=0,flag=wx.ALIGN_CENTER,border=5) 27 #添加容器，容器中的控件纵向排列 28 vsizer_all = wx.BoxSizer(wx.VERTICAL) 29 vsizer_all.Add(self.title,proportion=0,flag=wx.BOTTOM | wx.TOP | wx.ALIGN_CENTER, 30 border=15) 31 vsizer_all.Add(hsizer_user,proportion=0,flag=wx.EXPAND | wx.LEFT | wx.RIGHT,border=45) 32 vsizer_all.Add(hsizer_pwd,proportion=0,flag=wx.EXPAND| wx.LEFT | wx.RIGHT,border=45) 33 vsizer_all.Add(hsizer_button,proportion=0,flag=wx.ALIGN_CENTER | wx.TOP,border=15) 34 panel.SetSizer(vsizer_all) 35 36 if __name__ == "__main__": 37 app = wx.App() # 初始化 38 frame =MyFrame(parent=None,id=-1) # 实例化MyFrame类，并传递参数 39 frame.Show() # 显示窗口 40 app.MainLoop() # 调用主循环方法
（2）运行结果如图所示：
5、实例5：使用事件判断用户登录
（1）在实例 04 的基础上，分别为“确定”和“取消”按钮添加单击事件。当用户输入用户名和密码后，单击“确定”按钮，如果输入的用户名为“mr”，并且密码为“mrsoft”，则弹出对话框提示“登录成功”否则提示“用户名和密码不匹配”。当用户单击“取消”按钮时，清空用户输入的用户名和密码。具体代码如下:
1 # _*_coding:utf-8 _*_
2 import wx
3 class MyFrame(wx.Frame):
4 def __init__ (self,parent,id):
5 wx.Frame.__init__(self,parent,id,"用户登录",size=(400,300))
6 # 创建面板
7 panel = wx.Panel(self)
8
9 # 创建“确定”和“取消”按钮,并绑定事件
10 self.bt_confirm = wx.Button(panel,label="确定")
11 self.bt_confirm.Bind(wx.EVT_BUTTON,self.OnclickSubmit)
12 self.bt_cancel = wx.Button(panel,label="取消")
13 self.bt_cancel.Bind(wx.EVT_BUTTON,self.OnclickCancel)
14 # 创建文本，左对齐
15 self.title = wx.StaticText(panel,label="请输入用户名和密码")
16 self.label_user = wx.StaticText(panel,label="用户名:")
17 self.text_user = wx.TextCtrl(panel,style=wx.TE_LEFT)
18 self.label_pwd = wx.StaticText(panel,label="密 码:")
19 self.text_password = wx.TextCtrl(panel,style=wx.TE_PASSWORD)
20 # 添加容器，容器中控件横向排列
21 hsizer_user = wx.BoxSizer(wx.HORIZONTAL)
22 hsizer_user.Add(self.label_user,proportion=0,flag=wx.ALL,border=5)
23 hsizer_user.Add(self.text_user,proportion=1,flag=wx.ALL,border=5)
24 hsizer_pwd = wx.BoxSizer(wx.HORIZONTAL)
25 hsizer_pwd.Add(self.label_pwd,proportion=0,flag=wx.ALL,border=5)
26 hsizer_pwd.Add(self.text_password,proportion=1,flag=wx.ALL,border=5)
27 hsizer_button = wx.BoxSizer(wx.HORIZONTAL)
28 hsizer_button.Add(self.bt_confirm,proportion=0,flag=wx.ALIGN_CENTER,border=5)
29 hsizer_button.Add(self.bt_cancel,proportion=0,flag=wx.ALIGN_CENTER,border=5)
30 #添加容器，容器中的控件纵向排列
31 vsizer_all = wx.BoxSizer(wx.VERTICAL)
32 vsizer_all.Add(self.title,proportion=0,flag=wx.BOTTOM | wx.TOP | wx.ALIGN_CENTER,
33 border=15)
34 vsizer_all.Add(hsizer_user,proportion=0,flag=wx.EXPAND | wx.LEFT | wx.RIGHT,border=45)
35 vsizer_all.Add(hsizer_pwd,proportion=0,flag=wx.EXPAND| wx.LEFT | wx.RIGHT,border=45)
36 vsizer_all.Add(hsizer_button,proportion=0,flag=wx.ALIGN_CENTER | wx.TOP,border=15)
37 panel.SetSizer(vsizer_all)
38
39 def OnclickSubmit(self,event):
40 """单击确定按钮，执行方法"""
41 message =""
42 username = self.text_user.GetValue() # 获取输入的用户名
43 password = self.text_password.GetValue() # 获取输入的密码
44 if username =="" or password =="" : # 判断用户名或密码是否为空
45 message ="用户名或密码不能为空"
46 elif username =="mr" and password =="mrsoft": # 用户名和密码正确
47 message ="登录成功"
48 else:
49 message ="用户名和密码不匹配" # 用户名或密码错误
50 wx.MessageBox(message) # 弹出提示框
51
52 def OnclickCancel(self,event):
53 """单击取消按钮，执行方法"""
54 self.text_user.SetValue("") # 清空输入的用户名
55 self.text_password.SetValue("") # 清空输入的密码
56
57 if __name__ == "__main__":
58 app = wx.App() # 初始化应用
59 frame = MyFrame(parent=None,id=-1) # 实例MyFrame类，并传递参数
60 frame.Show() # 显示窗口
61 app.MainLoop() # 调用主循环方法
（2）运行结果如图所示：
