python图形化界面库_Python三方库：wxPython（GUI图形用户界面）

wxPython是一套基于Python的第三方GUI插件&＃xff0c;可用Python制作丰富的图形化界面程序。

安装&＃xff1a;pip install wxPython 或者 网站下载安装https://pypi.org/project/wxPython/#files

demo和docs下载&＃xff1a;https://extras.wxpython.org/wxPython4/extras/

wxPython demo&＃xff1a;

运行demo&＃xff1a;直接cd到包路径&＃xff0c;然后使用“python demo.py”或者“pythonw demo.pyw”。

wxPython中大部分控件的使用效果都可以在demo程序中看到&＃xff0c;所以如果想要找某个效果的控件&＃xff0c;就可以去demo程序中去找&＃xff0c;第一次接触wxPython建议将demo程序的全部展示看一遍&＃xff0c;以便以后用的时候方便找。另外&＃xff0c;想要看demo的源代码&＃xff0c;除了在demo程序中看&＃xff0c;也可以使用PyCharm等工具直接打开对应文件包即可查看整个demo程序的源代码。

wxPython docs&＃xff1a;

运行docs&＃xff1a;直接使用浏览器打开文件夹中的index.html&＃xff0c;然后就可以查找想要的文档信息了。

wxPython中控件的初始化方法、事件和各种方法在接口文档中都有详细的说明&＃xff0c;或者你不知道某个控件有哪些方法时&＃xff0c;也不妨去看看接口文档。

importwx#一般GUI程序的最外层框架使用wx.Frame

classMyFrame(wx.Frame):def __init__(self):

super().__init__(None, -1, title&＃61;&＃39;StaticBoxSizer Test&＃39;)#新建一个panel&＃xff0c;作为主面板

self.panel &＃61; wx.Panel(self, size&＃61;(250, 50))#新建两个按钮&＃xff0c;用于弹出消息和关闭程序

self.btn_hello &＃61; wx.Button(self.panel, label&＃61;&＃39;Hello World&＃39;)

self.btn_exit&＃61; wx.Button(self.panel, label&＃61;&＃39;Exit&＃39;)#给按钮事件绑定按钮事件方法&＃xff0c;不同的控件都有对应的事件&＃xff0c;可查阅API文档DOCS

self.btn_hello.Bind(wx.EVT_BUTTON, self.on_helloworld)

self.btn_exit.Bind(wx.EVT_BUTTON, self.on_exit)#新建一个sizer用于界面布局&＃xff0c;界面布局最好不使用pos参数写死&＃xff0c;不然以后不好维护

self.box_sizer &＃61;wx.BoxSizer()

self.box_sizer.Add(self.btn_hello, 0, wx.ALL,10)

self.box_sizer.Add(self.btn_exit, 0, wx.ALL,10)

self.panel.SetSizer(self.box_sizer)#界面设计好后&＃xff0c;如果使用到了sizer布局控件&＃xff0c;一般需要使用Layout重新绘制界面

self.box_sizer.Layout()

self.panel.Layout()

self.Layout()#Fit方法使框架自适应内部控件

self.Fit()#事件方法&＃xff0c;的第二个参数evt或者event一定不要忘了&＃xff0c;不然这个方法会报错

#类中可能有很多个方法&＃xff0c;事件方法建议约定一个容易识别的命名方式&＃xff0c;比如我这里是以“on_”开头

defon_helloworld(self, event):"""弹出消息&＃xff1a;Welcome to WxPython!"""

#新建一个消息弹窗&＃xff0c;用于显示消息

wx.MessageBox(&＃39;Welcome to WxPython!&＃39;)defon_exit(self, evt):"""退出程序"""wx.Exit()if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app&＃61;wx.App()

myframe&＃61;MyFrame()

myframe.Show()

app.MainLoop()

进度条对话框

弹窗式进度条&＃xff1a;wx.ProgressDialog

wx.ProgressDialog为进度条显示弹窗&＃xff0c;它的唯一的方法Update(value,newmsg&＃61;””)&＃xff0c;value参数是进度条的新的内部的值&＃xff0c;调用update将导致进度条根据新的计数值与最大计算值的比例重绘。如果使用可选的参数newmsg&＃xff0c;那么进度条上的文本消息将变为该字符串&＃xff0c;这让你可以给用户一个关于当前进度的文本描述。Update方法返回两个参数“continue”和“skip”&＃xff0c;分别默认返回“True”和“False”&＃xff0c;在Update时&＃xff0c;若用户点击过“Cancel”按钮&＃xff08;如果有&＃xff09;或者关闭了对话框&＃xff0c;“continue”就返回的是“False”&＃xff08;可用于中断进度条&＃xff09;&＃xff0c;而“skip”只有点击了“Cancel”按钮后才会返回“True”。

GUI程序布局

虽然控件本身也可以使用pos参数来指定控件的位置&＃xff0c;但是推荐使用wxpython的布局控件来进行布局&＃xff0c;布局控件不仅能更好的展示布局效果&＃xff0c;而且也方便日后的维护工作。

由于在demo和docs中不好直接看到布局控件的效果&＃xff0c;以下介绍一些常用布局控件用法和效果&＃xff1a;

简单网格布局控件&＃xff1a;wx.GridSizer

importwxclassMyFrame(wx.Frame):def __init__(self):

super().__init__(None, -1, title&＃61;&＃39;GridSizer Test&＃39;, size&＃61;(300, 400))#创建一个wx.GridSizer, 3行3列&＃xff0c;行间隔5&＃xff0c; 列间隔5

grid_sizer &＃61; wx.GridSizer(3, 3, 5, 5)for i in range(9):

panel &＃61; wx.Panel(self)

panel.SetMinSize((100, 100))#从左到右&＃xff0c;从上到下&＃xff0c;一次将控件wx.Panel添加到wx.GridSizer中

grid_sizer.Add(panel)#将wx.GridSizer与框架控件wx.Frame关联起来

self.SetSizer(grid_sizer)#使框架自适应内部控件

self.Fit()if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app&＃61;wx.App()

myframe&＃61;MyFrame()

myframe.Show()

app.MainLoop()

wx.GridSizer为简单网格布局控件&＃xff0c;初始化时需要指定行数和列数&＃xff0c;以及行和列之间的间隔。特点是每个“格子”的尺寸大小都是一样的&＃xff0c;比较整齐&＃xff0c;这里的格子指的是布局控件给定的空间&＃xff0c;而不是放在格子中的控件的大小。

当窗口大小发生变化时&＃xff0c;默认所有的格子都会随着发生变化。

如果格子中的控件的大小不一致时&＃xff0c;则会以所有控件中最大的“长”和“宽”作为每个格子的尺寸大小。

使用Add方法在网格中添加控件时&＃xff0c;只能按顺序添加控件。

更加灵活的网格布局控件&＃xff1a;wx.FlexGridSizer

import wx

classMyFrame(wx.Frame):def __init__(self):

super().__init__(None, -1, title&＃61;&＃39;FlexGridSizer Test&＃39;, size&＃61;(300, 400))#创建一个wx.FlexGridSizer, 3行3列&＃xff0c;行间隔5&＃xff0c; 列间隔5

grid_sizer &＃61; wx.FlexGridSizer(3, 3, 5, 5)for i in range(9):

panel&＃61;wx.Panel(self)if i &＃61;&＃61; 4:

panel.SetMinSize((200, 100))else:

panel.SetMinSize((100, 100))#从左到右&＃xff0c;从上到下&＃xff0c;一次将控件wx.Panel添加到wx.FlexGridSizer

grid_sizer.Add(panel)#指定第1列是可扩展的

grid_sizer.AddGrowableRow(1)#将wx.FlexGridSizer.Frame关联起来

self.SetSizer(grid_sizer)#使框架自适应内部控件

self.Fit()

if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app &＃61;wx.App()

myframe &＃61;MyFrame()

myframe.Show()

app.MainLoop()

wx.FlexGridSizer布局控件&＃xff0c;相比于wx.GridSizer&＃xff0c;更加灵活的地方在于&＃xff0c;可以在某行或者某列上进行设置&＃xff0c;即每一行或者每一列它的尺寸大小是独立的。

每一行&＃xff08;列&＃xff09;会以这一行&＃xff08;列&＃xff09;的最大的“长”&＃xff08;“宽”&＃xff09;作为这一行&＃xff08;列&＃xff09;的尺寸大小。

当窗口大小发生变化时&＃xff0c;默认整个wx.FlexGridSizer是固定不变的&＃xff0c;除非使用wx.FlexGridSizer的方法AddGrowableRow&＃xff08;AddGrowableCol&＃xff09;指定某行&＃xff08;列&＃xff09;是可以跟着窗口大小的扩展而扩展。

使用Add方法在网格中添加控件时&＃xff0c;只能按顺序添加控件。

进阶的网格布局控件&＃xff1a;wx.GridBagSizer

import wx

classMyFrame(wx.Frame):

def __init__(self):

super().__init__(None, -1, title&＃61;&＃39;GridBagSizer Test&＃39;, size&＃61;(300, 400))#创建一个wx.GridBagSizer, 行间隔5&＃xff0c; 列间隔5

grid_sizer &＃61; wx.GridBagSizer(5, 5)for row in range(3):for col in range(3):

panel&＃61;wx.Panel(self)

panel.SetMinSize((100, 100))#wx.GridBagSizer的Add方法需要指定添加的位置

grid_sizer.Add(panel, pos&＃61;(row, col))#在第0行第3列&＃xff0c;添加一个控件&＃xff0c;占3行和1列的空间&＃xff0c;wx.EXPAND表示控件扩展至填满整个“格子”的空间

panel_right &＃61;wx.Panel(self)

panel_right.SetMinSize((100, 100))

grid_sizer.Add(panel_right, pos&＃61;(0, 3), span&＃61;(3, 1), flag&＃61;wx.EXPAND)#在第3行第0列&＃xff0c;添加一个控件&＃xff0c;占1行和4列的空间&＃xff0c;wx.EXPAND表示控件扩展至填满整个“格子”的空间

panel_bottom &＃61;wx.Panel(self)

panel_bottom.SetMinSize((100, 100))

grid_sizer.Add(panel_bottom, pos&＃61;(3, 0), span&＃61;(1, 4), flag&＃61;wx.EXPAND)#将wx.GridBagSizer.Frame关联起来

self.SetSizer(grid_sizer)#使框架自适应内部控件

self.Fit()

if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app &＃61;wx.App()

myframe &＃61;MyFrame()

myframe.Show()

app.MainLoop()

wx.GridBagSizer布局控件&＃xff0c;相比于wx.FlexGridSizer和wx.GridSizer&＃xff0c;多了两个特性&＃xff0c;一是可以初始化时不用指定“格子”数量&＃xff0c;在往“格子”中添加控件时可以不按顺序添加&＃xff0c;直接指定控件添加的位置即可&＃xff0c;二是一个“格子”可以跨越多个单元格显示。

当窗口大小变化时&＃xff0c;与wx.FlexGridSizer一样&＃xff0c;默认是不变的&＃xff0c;需要自己指定哪行&＃xff08;列&＃xff09;是可扩展的。

此控件在使用Add方法时&＃xff0c;必须指明添加的位置&＃xff0c;即pos参数。

横向&＃xff08;纵向&＃xff09;布局控件&＃xff1a;wx.BoxSizer

import wx

classMyFrame(wx.Frame):def __init__(self):

super().__init__(None, -1, title&＃61;&＃39;BoxSizer Test&＃39;, size&＃61;(300, 400))#创建一个wx.BoxSizer, 默认是wx.HORIZONTAL&＃xff0c;即横向的

box_sizer &＃61;wx.BoxSizer()#也可指定为wx.VERTICAL&＃xff0c;即纵向的

#grid_sizer &＃61; wx.BoxSizer(wx.VERTICAL)

for row in range(3):

panel&＃61;wx.Panel(self)

panel.SetMinSize((100, 100))#从左到右&＃xff08;从上到下&＃xff09;依次添加控件

#第二个参数为0时&＃xff0c;窗口扩展时&＃xff0c;格子尺寸不会变化&＃xff0c;不为0时会跟着扩展变化

#wx.ALL表示所有边框&＃xff08;此处边框为5&＃xff09;

#wx.EXPAND表示控件填满整个“格子”

box_sizer.Add(panel, 1, wx.ALL | wx.EXPAND, 5)#将wx.BoxSizer.Frame关联起来

self.SetSizer(box_sizer)#使框架自适应内部控件

self.Fit()

if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app &＃61;wx.App()

myframe &＃61;MyFrame()

myframe.Show()

app.MainLoop()

wx.BoxSizer布局控件只能横向或者二纵向添加控件&＃xff0c;默认是横向的&＃xff0c;可以使用wx.BoxSizer(wx.VERTICAL)使之变为纵向的&＃xff0c;并且没有特定的“格子”数&＃xff0c;可以一直添加控件。

在窗口大小发生变化时&＃xff0c;wx.BoxSizer只能横向或者纵向扩展。

在使用Add方法添加控件时&＃xff0c;如果第二个参数proportion指定为0&＃xff08;默认&＃xff09;&＃xff0c;则“格子”在窗口大小变化时会保持不变&＃xff0c;如果需要格子跟着扩展&＃xff0c;一般可以指定为1。

带有标签和边框线的横向&＃xff08;纵向布局控件&＃xff09;&＃xff1a;wx.StaticBoxSizer

import wx

classMyFrame(wx.Frame):def __init__(self):

super().__init__(None, -1, title&＃61;&＃39;StaticBoxSizer Test&＃39;, size&＃61;(500, 700))#新建一个wx.StaticBox&＃xff08;带有标签和边框线&＃xff09;

staticbox &＃61; wx.StaticBox(self, label&＃61;"StaticBoxSizer Test")#wx.StaticBoxSizer初始化时需要传入一个wx.StaticBox&＃xff0c;方向默认是横向

staticbox_sizer &＃61;wx.StaticBoxSizer(staticbox)#也可指定为wx.VERTICAL&＃xff0c;即纵向的

#staticbox_sizer &＃61; wx.StaticBoxSizer(staticbox, wx.VERTICAL)

for row in range(3):

panel&＃61;wx.Panel(self)

panel.SetMinSize((100, 100))#从左到右&＃xff08;从上到下&＃xff09;依次添加控件

#第二个参数为0时&＃xff0c;窗口扩展时&＃xff0c;格子尺寸不会变化&＃xff0c;不为0时会跟着扩展变化

#wx.ALL表示所有边框&＃xff08;此处边框为5&＃xff09;

#wx.EXPAND表示控件填满整个“格子”

staticbox_sizer.Add(panel, 1, wx.ALL | wx.EXPAND, 5)#这里单独在新建一个wx.BoxSizer是为了在界面中显示出wx.StaticBoxSizer的边框线

box_sizer &＃61;wx.BoxSizer()

box_sizer.Add(staticbox_sizer,1, wx.ALL | wx.EXPAND, 5)#将wx.BoxSizer.Frame关联起来

self.SetSizer(box_sizer)#使框架自适应内部控件

self.Fit()if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app&＃61;wx.App()

myframe&＃61;MyFrame()

myframe.Show()

app.MainLoop()

wx.StaticBoxSizer布局控件其实就是相当于在wx.BoxSizer外面套了一个wx.StaticBox&＃xff0c;用法与wx.BoxSizer是相同的。

在wxPython中使用Matplotlib进行绘图

Matplotlib是一个用于绘图的Python三方库&＃xff0c;可以绘制折线图、函数图、柱状图、饼图等多种图形。但是在wxPython中不能直接使用Matplotlib来进行绘图&＃xff0c;需要使用Matplotlib提供给wxPython的接口matplotlib.backends.backend_wxagg来进行嵌入和绘制。

关于Matplotlib&＃xff0c;可以参考我另一篇笔记&＃xff1a;https://www.cnblogs.com/guyuyun/p/10486587.html

简单示例&＃xff1a;

#-*- coding:utf-8 -*-

importwxfrom matplotlib importpyplotfrom matplotlib.backends.backend_wxagg importFigureCanvasWxAggclassTestMpltFrame(wx.Frame):def __init__(self):

super().__init__(None, size&＃61;(650, 500), title&＃61;&＃39;Test Matplotlib Frame&＃39;)

self.panel&＃61;wx.Panel(self)#subplots默认返回一个Figure和一行一列的子图对象

self.fig, self.axe &＃61;pyplot.subplots()#使用FigureCanvasWxAgg来创建Figure的背景画布

self.canvas &＃61; FigureCanvasWxAgg(self, -1, self.fig)#绘制一条普通的折线图

self.x_data &＃61; [1, 2, 4]

self.y_data&＃61; [2, 5, 1]

self.axe.plot(self.x_data, self.y_data)if __name__ &＃61;&＃61; &＃39;__main__&＃39;:

app&＃61;wx.App()

test_mplt_frame&＃61;TestMpltFrame()

test_mplt_frame.Show()

app.MainLoop()