python实验报告（第12章）

实验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）运行结果如图所示：