wxPython：一曲MFC的挽歌，理想主义的绝唱

wxPython：一曲MFC的挽歌，理想主义的绝唱

作者|许向武出品|CSDN博客

概述

MFC是我接触到的第一个界面库，当时的操作系统还是Windows95。在那个IT技术日新月异的年代，就像一个从荒蛮部落闯进文明社会的野人第一眼看见汽车那样，我对MFC充满了好奇和迷恋。尽管后来断断续续接触了WPF、Qt等GUI库，却始终对MFC情有独钟，以至于爱屋及乌，喜欢上了wxWidgets。

wxWidgets和MFC的确太相似了，连命名习惯和架构都高度相似。事实上，wxWidgets就是跨平台的MFC，对各个平台的差异做了抽象，后端还是用各平台原生的API实现。这正是wxWidgets的优点：编译出来的程序发行包比较小，性能也相当优异。

随着MFC的日渐式微，Qt异军突起，目前已成为最强大，最受欢迎的跨平台GUI库之一。在Python生态圈里，PyQt的用户群也远超wxPython。喜欢Qt的人认为这是技术竞争的结果，但我觉得这更像是开源理念和商业化思想的差异造成的。

wxWidgets像是一个孤独的勇士，高举开源的大旗，试图以一己之力构建一个相互承认、相互尊重的理想社会；而Qt则更像是一个在商业资本驱使下不断扩张的帝国，它不满足于封装不同平台的API，而是要创造出自己的API和框架，它不仅仅是UI，而是囊括了APP开发用到的所有东西，包括网络、数据库、多媒体、蓝牙、NFC、脚本引擎等。

缺少或拒绝商业化运作的支持，wxWidgets的悲情结局早已是命中注定。如果不是因为Python的兴盛和wxPython的复兴，wxWidgets也许早已经和MFC一样被遗忘在了角落里。不无夸张地说，wxPython是以MFC为代表的一个时代的挽歌，更是一曲理想主义的绝唱。

1.1组织架构

其实，wxPython谈不上什么组织架构，因为桌面程序开发所用的类、控件、组件和常量几乎都被放到了顶级命名空间wx下面了。这样做看似杂乱无章，但用起来却是非常便捷。比如，导入必要的模块，PyQt通常要这样写：

fromPyQt6.QtWidgetsimportQApplication,QWidget,QComboBox,QPushButton,QHBoxLayout,QVBoxLayout,QColorDialogfromPyQt6.QtGuiimportQIcon,QPainter,QPen,QColor,QPolygonfromPyQt6.QtCoreimportQt,QPoint

PyQt巨人般的体量限制了使用星号导入所有的模块，只能用什么导入什么。而wxPython只需要简短的一句话：

importwx

再比如一些常量的写法，wxPython同样简洁，PyQt已经长到匪夷所思的程度了。比如左对齐和确定取消键，wxPython这样写：

wx.ALIGN_LEFTwx.OK|wx.CANCEL

PyQt写出来几乎要占一整行：

Qt.AlignmentFlag.AlignLeftQMessageBox.StandardButton.Ok|QMessageBox.StandardButton.Cancel

尽管wxPython也与时俱进地增加了一些诸如wx.xml、wx.svg之类地外围模块，但除了wx这个核心模块之外，我个人觉得只有wx.aui和wx.grid模块算是必要的扩展。如果想让界面更花哨点，那就要了解以下wx.adv、wx.ribbon这两个模块，纯python构建的控件库wx.lib也绝对值得一试。总之，站在我的应用领域看，wxPython的组织架构如下图所示。根据使用频率的高低，我给各个模块标注了红黄绿蓝四种颜色。

1.2安装

截至本文写作时，wxPython的最新版本是4.1.1。Windows用户和macOS用户可以直接使用下面的命令安装。

pipinstall-UwxPython

由于Linux平台存在发行版之间的差异，必须使用相应的包管理器进行下载和安装。例如，在Ubuntu系统上可以尝试下面的安装命令。

sudoapt-getinstallpython3-wxgtk4.0python3-wxgtk-webview4.0python3-wxgtk-media4.0

快速体验

2.1桌面应用程序开发的一般流程

用wxPython写一个桌面应用程序，通常分为6个步骤：

第1步：导入模块

第2步：创建一个应用程序

第3步：创建主窗口

第4步：在主窗口上实现业务逻辑

第5步：显示窗主口

第6步：应用程序进入事件处理主循环

除第4步之外的其它步骤，基本都是一行代码就可以完成，第4步的复杂程度取决于功能需求的多寡和业务逻辑的复杂度。下面这段代码就是这个一般流程的体现。

#第1步：导入模块importwx#第2步：创建一个应用程序app=wx.App()#第3步：创建主窗口frame=wx.Frame(None)#第4步：在主窗口上实现业务逻辑st=wx.StaticText(frame,-1,‘HelloWorld’)#第5步：显示窗主口frame.Show()#第6步：应用程序进入事件处理主循环app.MainLoop()

2.2HelloWorld

实际应用wxPython开发桌面应用程序的的时候，上面这样的写法难以实现和管控复杂的业务逻辑，因而都是采用面向对象的应用方式。下面的代码演示了以OOP的方式使用wxPython，并且为窗口增加了标题和图标，设置了窗口尺寸和背景色，同时也给静态文本控件StaticText设置了字体字号。

importwxclassMainFrame(wx.Frame):“”“从wx.Frame派生主窗口类”““definit(self,parent):”““构造函数”““wx.Frame.init(self,parent,-1,style=wx.DEFAULT_FRAME_STYLE)self.SetTitle(‘最简的的应用程序’)self.SetIcon(wx.Icon(‘res/wx.ico’))#设置图标self.SetBackgroundColour((217,228,0))#设置窗口背景色self.SetSize((300,80))#设置窗口大小self.Center()#窗口在屏幕上居中st=wx.StaticText(self,-1,‘HelloWorld’,style=wx.ALIGN_CENTER)#生成静态文本控件，水平居中st.SetFont(wx.Font(20,wx.DEFAULT,wx.NORMAL,wx.NORMAL,False,‘Arial’))#设置字体字号ifname==’main’:app=wx.App()#创建一个应用程序frame=MainFrame(None)#创建主窗口frame.Show()#显示窗主口app.MainLoop()#应用程序进入事件处理主循环

代码中用到了一个.png格式的图像文件文件，想要运行这段代码的话，请先替换成本地文件。至于文件格式，SetIcon方法没有限定，常见的包括.ico和.jpg在内的图像格式都支持。代码运行界面如下图所示。

2.3常用控件介绍

尽管wxPython的核心模块和扩展模块提供了数以百计的各式控件和组件，但真正常用且必不可少的控件只有为数不多的几个：

wx.Frame-窗口

wx.Panel-面板

wx.StaticText-静态文本

StaticBitmap-静态图片

wx.TextCtrl-单行或多行文本输入框

wx.Button-按钮

wx.RadioButton-单选按钮

wx.CheckBox-复选按钮

wx.Choice-下拉选择框

所有的wxPython控件都有一个不可或缺的parent参数和若干关键字参数，通常，关键字参数都有缺省默认值。

parent-父级对象

id-控件的唯一标识符，缺省或-1表示自动生成

pos-控件左上角在其父级对象上的绝对位置

size-控件的宽和高

name-用户定义的控件名

style-控件风格

wxPython的控件在使用风格上保持着高度的一致性，一方面因为它们从一个共同的基类派生而来，更重要的一点，wxPython不像PyQt那样充斥着随处可见的重载函数。比如，PyQt的菜单栏QMenuBar增加菜单，就有addMenu(QMenu)、addMenu(str)和addMenu(QIcon,str)等三种不同的重载形式。方法重载固然带来了很多便利，但也会增加使用难度，让用户无所适从。

下面的代码演示了上述常用控件的使用方法。

importwxclassMainFrame(wx.Frame):”““从wx.Frame派生主窗口类”““definit(self,parent):”““构造函数”“”#调用父类的构造函数，从默认风格中去除改变窗口大小wx.Frame.init(self,parent,style=wx.DEFAULT_FRAME_STYLE^wx.RESIZE_BORDER)self.SetTitle(‘wxPython控件演示’)self.SetIcon(wx.Icon(‘res/wx.ico’))self.SetSize((860,450))self.Center()#创建一个面板，用于放置控件panel=wx.Panel(self,-1)#在x=20，y=20的位置，创建静态文本控件st=wx.StaticText(panel,-1,‘我是静态文本控件’,pos=(20,20))#在x=300，y=20的位置，创建静态图片bmp=wx.Bitmap(‘res/forever.png’)sb=wx.StaticBitmap(panel,-1,bmp,pos=(280,10))#在x=20,y=50的位置，创建文本输入框，指定输入框的宽度为260像素，高度默认tc1=wx.TextCtrl(panel,-1,value=‘我是文本输入框’,pos=(20,50),size=(260,-1))#在x=20,y=90的位置，创建文本输入框，指定样式为密码tc2=wx.TextCtrl(panel,-1,value=‘我是密码’,pos=(20,90),style=wx.TE_PASSWORD)#在x=20,y=130的位置，创建单选按钮，成组的单选按钮，第一个需要指定样式wx.RB_GROUPrb1=wx.RadioButton(panel,-1,‘单选按钮1’,pos=(20,130),style=wx.RB_GROUP,name=‘rb1’)#在x=100,y=130的位置，创建单选按钮，不再需要指定样式wx.RB_GROUPrb2=wx.RadioButton(panel,-1,‘单选按钮2’,pos=(100,130),name=‘rb2’)#在x=180,y=130的位置，创建单选按钮，不再需要指定样式wx.RB_GROUPrb3=wx.RadioButton(panel,-1,‘单选按钮3’,pos=(180,130),name=‘rb3’)#在x=20,y=160的位置，创建复选按钮cb1=wx.CheckBox(panel,-1,‘复选按钮’,pos=(20,160))#在x=100,y=160的位置，创建复选按钮，指定其样式为wx.ALIGN_RIGHTcb2=wx.CheckBox(panel,-1,‘文字在左侧的复选按钮’,pos=(100,160),style=wx.ALIGN_RIGHT)#在x=20，y=190的位置，创建按钮ch=wx.Choice(panel,-1,choices=[‘wxPython’,‘PyQt’,‘Tkinter’],pos=(20,190),size=(100,-1))ch.SetSelection(0)#在x=120，y=190的位置，创建按钮btn=wx.Button(panel,-1,‘按钮’,pos=(150,190))#在x=20，y=230的位置，创建文本框，指定大小为260150，并指定其样式为多行和只读tc3=wx.TextCtrl(panel,-1,value=‘我是多行文本输入框’,pos=(20,230),size=(260,150),style=wx.TE_MULTILINE|wx.CB_READONLY)ifname==’main’:app=wx.App()#创建一个应用程序frame=MainFrame(None)#创建主窗口frame.Show()#显示窗主口app.MainLoop()#应用程序进入事件处理主循环

代码运行界面如下图所示。

控件布局

3.1.分区布局

上面的例子里，输入框、按钮等控件的位置由其pos参数确定，即绝对定位。绝对定位这种布局方式非常直观，但不能自动适应窗口的大小变化。更普遍的方式是使用被称为布局管理器的wx.Sizer来实现分区布局。所谓分区布局，就是将一个矩形区域沿水平或垂直方向分割成多个矩形区域，并可嵌套分区布局管理器wx.Sizer的派生类有很多种，最常用到是wx.BoxSizer和wx.StaticBoxSizer。

和一般的控件不同，布局管理器就像是一个魔法口袋：它是无形的，但可以装进不限数量的任意种类的控件——包括其他的布局管理器。当然，魔法口袋也不是万能的，它有一个限制条件：装到里面的东西，要么是水平排列的，要么是垂直排列的，不能排成方阵。好在程序员可以不受限制地使用魔法口袋，当我们需要排成方阵时，可以先每一行使用一个魔法口袋，然后再把所有的行装到一个魔法口袋中。

创建一个魔法口袋，装进几样东西，然后在窗口中显示的伪代码是这样的：

魔法口袋=wx.BoxSizer()#默认是水平的，想要垂直放东西，需要加上wx.VERTICAL这个参数魔法口袋.add(确认按钮,0,wx.ALL,0)#装入确认按钮魔法口袋.add(取消按钮,0,wx.ALL,0)#装入取消按钮窗口.SetSizer(魔法口袋)#把魔法口袋放到窗口上窗口.Layout()#窗口重新布局

魔法口袋的add()方法总共有4个参数：第1个参数很容易理解，就是要装进口袋的物品；第2个参数和所有add()方法的第2个参数之和的比，表示装进口袋的物品占用空间的比例，0表示物品多大就占多大地儿，不额外占用空间；第3个参数相对复杂些，除了约定装进口袋的物品在其占用的空间里面水平垂直方向的对齐方式外，还可以指定上下左右四个方向中的一个或多个方向的留白（padding）；第4个参数就是留白像素数。

下面是一个完整的例子。

importwxclassMainFrame(wx.Frame):“”“从wx.Frame派生主窗口类”““definit(self,parent):”““构造函数”““wx.Frame.init(self,parent,style=wx.DEFAULT_FRAME_STYLE)self.SetTitle(‘分区布局’)self.SetIcon(wx.Icon(‘res/wx.ico’))self.SetSize((640,320))#设置窗口大小self._init_ui()#初始化界面self.Center()#窗口在屏幕上居中def_init_ui(self):”““初始化界面”“”#创建容器面板panel=wx.Panel(self,-1)#生成黑色背景的预览面板view=wx.Panel(panel,-1,style=wx.SUNKEN_BORDER)view.SetBackgroundColour(wx.Colour(0,0,0))#生成按钮和多行文本控件btn_capture=wx.Button(panel,-1,‘拍照’,size=(100,-1))btn_up=wx.Button(panel,-1,‘↑’,size=(30,30))btn_down=wx.Button(panel,-1,‘↓’,size=(30,30))btn_left=wx.Button(panel,-1,‘←’,size=(30,30))btn_right=wx.Button(panel,-1,‘→’,size=(30,30))tc=wx.TextCtrl(panel,-1,“,style=wx.TE_MULTILINE)#左右按钮装入一个水平布局管理器sizer_arrow_mid=wx.BoxSizer()sizer_arrow_mid.Add(btn_left,0,wx.RIGHT,16)sizer_arrow_mid.Add(btn_right,0,wx.LEFT,16)#生成带标签的垂直布局管理器sizer_arrow=wx.StaticBoxSizer(wx.StaticBox(panel,-1,‘方向键’),wx.VERTICAL)sizer_arrow.Add(btn_up,0,wx.ALIGN_CENTER|wx.ALL,0)#装入上按钮sizer_arrow.Add(sizer_arrow_mid,0,wx.TOP|wx.BOTTOM,1)#装入左右按钮sizer_arrow.Add(btn_down,0,wx.ALIGN_CENTER|wx.ALL,0)#装入下按钮#生成垂直布局管理器sizer_right=wx.BoxSizer(wx.VERTICAL)sizer_right.Add(btn_capture,0,wx.ALL,20)#装入拍照按钮sizer_right.Add(sizer_arrow,0,wx.ALIGN_CENTER|wx.ALL,0)#装入方向键sizer_right.Add(tc,1,wx.ALL,10)#装入多行文本控件#生成水平布局管理器sizer_max=wx.BoxSizer()sizer_max.Add(view,1,wx.EXPAND|wx.LEFT|wx.TOP|wx.BOTTOM,5)#装入左侧的预览面板sizer_max.Add(sizer_right,0,wx.EXPAND|wx.ALL,0)#装入右侧的操作区#为容器面板指定布局管理器，并调用布局方法完成界面布局panel.SetSizer(sizer_max)panel.Layout()ifname==’main’:app=wx.App()frame=MainFrame(None)frame.Show()app.MainLoop()

代码运行界面如下图所示。

importwximportwx.lib.buttonsaswxbtnimportwinsoundclassMainFrame(wx.Frame):”““桌面程序主窗口类”““definit(self):”““构造函数”““wx.Frame.init(self,parent=None,style=wx.CAPTION|wx.SYSTEM_MENU|wx.CLOSE_BOX|wx.MINIMIZE_BOX|wx.SIMPLE_BORDER)self.SetTitle(‘会弹琴的计算器’)self.SetIcon(wx.Icon(‘res/wx.ico’,wx.BITMAP_TYPE_ICO))self.SetBackgroundColour((217,228,241))self.SetSize((287,283))self._init_ui()self.Center()def_init_ui(self):”““初始化界面”“”#定义按键排列顺序和名称keys=[[‘(’,‘)’,‘Back’,‘Clear’],[‘7’,‘8’,‘9’,‘/’],[‘4’,‘5’,‘6’,’’],[‘1’,‘2’,‘3’,‘-’],[‘0’,‘.’,‘=’,‘+’]]#指定每个按键声音的频率，523赫兹就是C调中音self.keySound={‘(’:392,‘)’:440,‘0’:494,‘1’:523,‘2’:587,‘3’:659,‘4’:698,‘5’:784,‘6’:880,‘7’:988,‘8’:1047,‘9’:1175,‘.’:1318,‘+’:523,‘-’:587,‘*’:659,‘/’:698,‘Clear’:784,‘Back’:880,‘=’:2000}#用输入框控件作为计算器屏幕，设置为只读（wx.TE_READONLY）和右齐（wx.ALIGN_RIGHT）self.screen=wx.TextCtrl(self,-1,“,pos=(10,10),size=(252,45),style=wx.TE_READONLY|wx.ALIGN_RIGHT)self.screen.SetFont(wx.Font(20,wx.DEFAULT,wx.NORMAL,wx.NORMAL,False,‘微软雅黑’))#设置字体字号self.screen.SetBackgroundColour((0,0,0))#设置屏幕背景色self.screen.SetForegroundColour((0,255,0))#设置屏幕前景色#按键布局参数btn_size=(60,30)#定义按键的尺寸，便于统一修改x0,y0=(10,65)#定义按键区域的相对位置dx,dy=(64,34)#定义水平步长和垂直步长#生成所有按键foriinrange(len(keys)):forjinrange(len(keys[i])):key=keys[i][j]btn=wxbtn.GenButton(self,-1,key,pos=(x0+j*dx,y0+idy),size=btn_size,name=key)ifkeyin[‘0’,‘1’,‘2’,‘3’,‘4’,‘5’,‘6’,‘7’,‘8’,‘9’,‘.’]:btn.SetBezelWidth(1)#设置3D效果btn.SetBackgroundColour(wx.Colour(217,228,241))#定义按键的背景色elifkeyin[‘(’,‘)’,‘Back’,‘Clear’]:btn.SetBezelWidth(2)btn.SetBackgroundColour(wx.Colour(217,220,235))btn.SetForegroundColour(wx.Colour(224,60,60))elifkeyin[‘+’,‘-’,’’,‘/’]:btn.SetBezelWidth(2)btn.SetBackgroundColour(wx.Colour(246,225,208))btn.SetForegroundColour(wx.Colour(60,60,224))else:btn.SetBezelWidth(2)btn.SetBackgroundColour(wx.Colour(245,227,129))btn.SetForegroundColour(wx.Colour(60,60,224))btn.SetToolTip(u”显示计算结果”)self.Bind(wx.EVT_BUTTON,self.on_button)#将按钮事件绑定在所有按钮上defon_button(self,evt):“”“响应鼠标左键按下”““obj=evt.GetEventObject()#获取事件对象（哪个按钮被按）key=obj.GetName()#获取事件对象的名字self.PlayKeySound(key)#播放按键对应频率的声音ifself.screen.GetValue==‘Error’:self.screen.SetValue(”)ifkey==‘Clear’:#按下了清除键，清空屏幕self.screen.SetValue(“)elifkey==‘Back’:#按下了回退键，去掉最后一个输入字符content=self.screen.GetValue()ifcontent:self.screen.SetValue(content[:-1])elifkey==‘=’:#按下了等号键，则计算try:result=str(eval(self.screen.GetValue()))except:result=‘Error’self.screen.SetValue(result)else:#按下了其他键，追加到显示屏上self.screen.AppendText(key)defPlayKeySound(self,key,Dur=100):”““播放按键声音”““winsound.Beep(self.keySound[key],Dur)ifname==’main’:app=wx.App()frame=MainFrame()frame.Show()app.MainLoop()

代码运行界面如下图所示。

6.3.定时器和线程

在一个桌面程序中，GUI线程是主线程，其他线程若要更新显示内容，Tkinter使用的是类型对象，PyQt使用的信号和槽机制，wxPython则相对原始：它允许子线程更新GUI，但需要借助于wx.CallAfter()函数。

这个例子里面设计了一个数字式钟表，一个秒表，秒表显示精度十分之一毫秒。从代码设计上来说没有任何难度，实现的方法有很多种，可想要达到一个较好的显示效果，却不是一件容易的事情。请注意体会wx.CallAfter()的使用条件。

importwximporttimeimportthreadingclassMainFrame(wx.Frame):”““桌面程序主窗口类”““definit(self):”““构造函数”““wx.Frame.init(self,parent=None,style=wx.CAPTION|wx.SYSTEM_MENU|wx.CLOSE_BOX|wx.MINIMIZE_BOX|wx.SIMPLE_BORDER)self.SetTitle(‘定时器和线程’)self.SetIcon(wx.Icon(‘res/wx.ico’,wx.BITMAP_TYPE_ICO))self.SetBackgroundColour((224,224,224))self.SetSize((320,300))self._init_ui()self.Center()def_init_ui(self):”““初始化界面”““font=wx.Font(30,wx.DECORATIVE,wx.FONTSTYLE_NORMAL,wx.FONTWEIGHT_NORMAL,False,‘Monaco’)self.clock=wx.StaticText(self,-1,‘08:00:00’,pos=(50,50),size=(200,50),style=wx.TE_CENTER|wx.SUNKEN_BORDER)self.clock.SetForegroundColour(wx.Colour(0,224,32))self.clock.SetBackgroundColour(wx.Colour(0,0,0))self.clock.SetFont(font)self.stopwatch=wx.StaticText(self,-1,‘0:00:00.00’,pos=(50,150),size=(200,50),style=wx.TE_CENTER|wx.SUNKEN_BORDER)self.stopwatch.SetForegroundColour(wx.Colour(0,224,32))self.stopwatch.SetBackgroundColour(wx.Colour(0,0,0))self.stopwatch.SetFont(font)self.timer=wx.Timer(self)self.Bind(wx.EVT_TIMER,self.on_timer,self.timer)self.timer.Start(50)self.Bind(wx.EVT_KEY_DOWN,self.on_key_down)self.sec_last=Noneself.is_start=Falseself.t_start=Nonethread_sw=threading.Thread(target=self.StopWatchThread)thread_sw.setDaemon(True)thread_sw.start()defon_timer(self,evt):”““定时器函数”““t=time.localtime()ift.tm_sec!=self.sec_last:self.clock.SetLabel(‘%02d:%02d:%02d’%(t.tm_hour,t.tm_min,t.tm_sec))self.sec_last=t.tm_secdefon_key_down(self,evt):”““键盘事件函数”““ifevt.GetKeyCode()==wx.WXK_SPACE:self.is_start=notself.is_startself.t_start=time.time()elifevt.GetKeyCode()==wx.WXK_ESCAPE:self.is_start=Falseself.stopwatch.SetLabel(‘0:00:00.00’)defStopWatchThread(self):”““线程函数”““whileTrue:ifself.is_start:t=time.time()-self.t_startti=int(t)wx.CallAfter(self.stopwatch.SetLabel,‘%d:%02d:%02d.%.02d’%(ti//3600,ti//60,ti%60,int((t-ti)*100)))time.sleep(0.02)ifname==’main’:app=wx.App()frame=MainFrame()frame.Show()app.MainLoop()

代码运行界面如下图所示。界面上方的时钟一直再跑，下方的秒表则是按键启动或停止。

6.4.DC绘图

DC是DeviceContext的缩写，字面意思是设备上下文——我一直不能正确理解DC这个中文名字，也找不到更合适的说法，所以，我坚持使用DC而不是设备上下文。DC可以在屏幕上绘制点线面，当然也可以绘制文本和图像。事实上，在底层所有控件都是以位图形式绘制在屏幕上的，这意味着，我们一旦掌握了DC这个工具，就可以自己创造我们想要的控件了

DC有很多种，PaintDC，ClientDC，MemoryDC等。通常，我们可以使用ClientDC和MemoryDC，PaintDC是发生重绘事件（wx.EVT_PAINT）时系统使用的。使用ClientDC绘图时，需要记录绘制的每一步工作，不然，系统重绘时会令我们前功尽弃——这是使用DC最容易犯的错误。

importwxclassMainFrame(wx.Frame):”““桌面程序主窗口类”““definit(self):”““构造函数”““wx.Frame.init(self,parent=None,style=wx.CAPTION|wx.SYSTEM_MENU|wx.CLOSE_BOX|wx.MINIMIZE_BOX|wx.SIMPLE_BORDER)self.SetTitle(‘使用DC绘图’)self.SetIcon(wx.Icon(‘res/wx.ico’,wx.BITMAP_TYPE_ICO))self.SetBackgroundColour((224,224,224))self.SetSize((800,480))self._init_ui()self.Center()def_init_ui(self):”““初始化界面”““self.palette=wx.Panel(self,-1,style=wx.SUNKEN_BORDER)self.palette.SetBackgroundColour(wx.Colour(0,0,0))btn_base=wx.Button(self,-1,‘文字和图片’,size=(100,-1))sizer_max=wx.BoxSizer()sizer_max.Add(self.palette,1,wx.EXPAND|wx.LEFT|wx.TOP|wx.BOTTOM,5)sizer_max.Add(btn_base,0,wx.ALL,20)self.SetAutoLayout(True)self.SetSizer(sizer_max)self.Layout()btn_base.Bind(wx.EVT_BUTTON,self.on_base)self.palette.Bind(wx.EVT_MOUSE_EVENTS,self.on_mouse)self.palette.Bind(wx.EVT_PAINT,self.on_paint)self.xy=Noneself.lines=list()self.img=wx.Bitmap(‘res/forever.png’,wx.BITMAP_TYPE_ANY)self.update_palette()defon_mouse(self,evt):”““移动鼠标画线”““ifevt.EventType==10030:#左键按下self.xy=(evt.x,evt.y)elifevt.EventType==10031:#左键弹起self.xy=Noneelifevt.EventType==10036:#鼠标移动ifself.xy:dc=wx.ClientDC(self.palette)dc.SetPen(wx.Pen(wx.Colour(0,224,0),2))dc.DrawLine(self.xy[0],self.xy[1],evt.x,evt.y)self.lines.append((self.xy[0],self.xy[1],evt.x,evt.y))self.xy=(evt.x,evt.y)defon_base(self,evt):”““DC基本方法演示”““img=wx.Bitmap(‘res/forever.png’,wx.BITMAP_TYPE_ANY)w,h=self.palette.GetSize()dc=wx.ClientDC(self.palette)dc.SetPen(wx.Pen(wx.Colour(224,0,0),1))dc.SetBrush(wx.Brush(wx.Colour(0,80,80)))dc.DrawRectangle(10,10,w-22,h-22)dc.DrawLine(10,h/2,w-12,h/2)dc.DrawBitmap(img,10,10)dc.SetTextForeground(wx.Colour(224,224,224))dc.SetFont(wx.Font(16,wx.FONTFAMILY_DEFAULT,wx.FONTSTYLE_NORMAL,wx.FONTWEIGHT_NORMAL,False,‘ComicSansMS’))dc.DrawText(‘霜重闲愁起’,100,360)dc.DrawRotatedText(‘春深风也疾’,400,360,30)defon_paint(self,evt):”““响应重绘事件”““dc=wx.PaintDC(self.palette)self.paint(dc)defupdate_palette(self):”““刷新画板”““dc=wx.ClientDC(self.palette)self.paint(dc)defpaint(self,dc):”““绘图”““dc.Clear()dc.SetPen(wx.Pen(wx.Colour(0,224,0),2))forlineinself.lines:dc.DrawLine(line[0],line[1],line[2],line[3])ifname==’main’:app=wx.App()frame=MainFrame()frame.Show()app.MainLoop()

代码运行界面如下图所示。

6.5.内嵌浏览器

wx.html2是wxPython扩展模块中封装得最干净漂亮的模块之一，它被设计为允许为每个端口创建多个后端，尽管目前只有一个可用。它与wx.html.HtmlWindow的不同之处在于，每个后端实际上都是一个完整的渲染引擎，MSW上是Trident,macOS和GTK上是Webkit。wx.html2渲染web文档，对于HTML、CSS和javascript都可以有很好的支持。

importwximportwx.html2aswebviewclassMainFrame(wx.Frame):”““桌面程序主窗口类”““definit(self):”““构造函数”““wx.Frame.init(self,parent=None)self.SetTitle(‘内嵌浏览器’)self.SetIcon(wx.Icon(‘res/wx.ico’,wx.BITMAP_TYPE_ICO))self.SetBackgroundColour((224,224,224))self.SetSize((800,480))self.Center()wv=webview.WebView.New(self)wv.LoadURL(’https://cn.bing.com’)if__name__==‘__main__’:app=wx.App()frame=MainFrame()frame.Show()app.MainLoop()

代码运行界面如下图所示。

集成应用

7.1.集成Matplotlib

Matplotlib的后端子模块backends几乎支持所有的GUI库，wxPyton当然也不例外，backend_wxagg是专门为wxPyton生成canvas的类，只要传一个matplotlib.Figure实例即可。剩下的就是水到渠成了。

importnumpyasnpimportmatplotlibfrommatplotlib.backendsimportbackend_wxaggfrommatplotlib.figureimportFigureimportwxmatplotlib.use(‘TkAgg’)matplotlib.rcParams[‘font.sans-serif’]=[‘FangSong’]matplotlib.rcParams[‘axes.unicode_minus’]=FalseclassMainFrame(wx.Frame):”““从wx.Frame派生主窗口类”““definit(self,parent):”““构造函数”““wx.Frame.init(self,parent,style=wx.DEFAULT_FRAME_STYLE)self.SetTitle(‘集成Matplotlib’)self.SetIcon(wx.Icon(‘res/wx.ico’))self.SetBackgroundColour((224,224,224))#设置窗口背景色self.SetSize((800,600))self._init_ui()self.Center()def_init_ui(self):”““初始化界面”““self.fig=Figure()self.canvas=backend_wxagg.FigureCanvasWxAgg(self,-1,self.fig)btn_1=wx.Button(self,-1,‘散点图’,size=(80,30))btn_2=wx.Button(self,-1,‘等值线图’,size=(80,30))btn_1.Bind(wx.EVT_BUTTON,self.on_scatter)btn_2.Bind(wx.EVT_BUTTON,self.on_contour)sizer_btn=wx.BoxSizer()sizer_btn.Add(btn_1,0,wx.RIGHT,20)sizer_btn.Add(btn_2,0,wx.LEFT,20)sizer_max=wx.BoxSizer(wx.VERTICAL)sizer_max.Add(self.canvas,1,wx.EXPAND|wx.ALL,10)sizer_max.Add(sizer_btn,0,wx.ALIGN_CENTER|wx.BOTTOM,20)self.SetSizer(sizer_max)self.Layout()defon_scatter(self,evt):”““散点图”““x=np.random.randn(50)#随机生成50个符合标准正态分布的点（x坐标）y=np.random.randn(50)#随机生成50个符合标准正态分布的点（y坐标）color=10*np.random.rand(50)#随即数，用于映射颜色area=np.square(30*np.random.rand(50))#随机数表示点的面积self.fig.clear()ax=self.fig.add_subplot(111)ax.scatter(x,y,c=color,s=area,cmap=‘hsv’,marker=‘o’,edgecolor=‘r’,alpha=0.5)self.canvas.draw()defon_contour(self,evt):”““等值线图”““y,x=np.mgrid[-3:3:60j,-4:4:80j]z=(1-y5+x5)*np.exp(-x2-y2)self.fig.clear()ax=self.fig.add_subplot(111)ax.set_title(‘有填充的等值线图’)c=ax.contourf(x,y,z,levels=8,cmap=‘jet’)self.fig.colorbar(c,ax=ax)self.canvas.draw()ifname==’main’:app=wx.App()frame=MainFrame(None)frame.Show()app.MainLoop()

代码运行界面如下图所示。

7.2.集成OpenGL

wx.glcanvas.GLCanvas是wxPython为显示OpenGL提供的类，顾名思义，可以将其理解为OpenGL的画板。有了这个画板，我们就可以使用OpenGL提供的各种工具在上面绘制各种三维模型了。下面的代码仅是一个demo，并未构建投影系统和视点系统。

importnumpyasnpfromOpenGL.GLimport*importwxfromwximportglcanvasclassMainFrame(wx.Frame):”““从wx.Frame派生主窗口类”““definit(self,parent):”““构造函数”““wx.Frame.init(self,parent,style=wx.DEFAULT_FRAME_STYLE)self.canvas=glcanvas.GLCanvas(self,style=glcanvas.WX_GL_RGBA|glcanvas.WX_GL_DOUBLEBUFFER|glcanvas.WX_GL_DEPTH_SIZE)self.context=glcanvas.GLContext(self.canvas)self.csize=self.canvas.GetClientSize()self.SetTitle(‘集成OpenGL’)self.SetIcon(wx.Icon(‘res/wx.ico’))self.SetBackgroundColour((224,224,224))#设置窗口背景色self.SetSize((800,600))self.Center()sizer_max=wx.BoxSizer()sizer_max.Add(self.canvas,1,wx.EXPAND|wx.ALL,5)self.SetSizer(sizer_max)self.Layout()self.Bind(wx.EVT_SIZE,self.on_resize)self.canvas.SetCurrent(self.context)glClearColor(0,0,0,1)#设置画布背景色self.draw()defon_resize(self,evt):”““窗口改变事件函数”““self.canvas.SetCurrent(self.context)self.csize=self.GetClientSize()self.draw()evt.Skip()defdraw(self):”““绘制”“”#清除屏幕及深度缓存glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT)#—————————————————————glBegin(GL_LINES)#开始绘制线段（坐标轴）#以红色绘制x轴glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.8,0.0,0.0)#设置x轴顶点（x轴负方向）glVertex3f(0.8,0.0,0.0)#设置x轴顶点（x轴正方向）#以绿色绘制y轴glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.0,-0.8,0.0)#设置y轴顶点（y轴负方向）glVertex3f(0.0,0.8,0.0)#设置y轴顶点（y轴正方向）#以蓝色绘制z轴glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,0.0,-0.8)#设置z轴顶点（z轴负方向）glVertex3f(0.0,0.0,0.8)#设置z轴顶点（z轴正方向）glEnd()#结束绘制线段#—————————————————————glBegin(GL_TRIANGLES)#开始绘制三角形（z轴负半区）glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.5,-0.366,-0.5)#设置三角形顶点glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.5,-0.366,-0.5)#设置三角形顶点glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,0.5,-0.5)#设置三角形顶点glEnd()#结束绘制三角形#—————————————————————glBegin(GL_TRIANGLES)#开始绘制三角形（z轴正半区）glColor4f(1.0,0.0,0.0,1.0)#设置当前颜色为红色不透明glVertex3f(-0.5,0.5,0.5)#设置三角形顶点glColor4f(0.0,1.0,0.0,1.0)#设置当前颜色为绿色不透明glVertex3f(0.5,0.5,0.5)#设置三角形顶点glColor4f(0.0,0.0,1.0,1.0)#设置当前颜色为蓝色不透明glVertex3f(0.0,-0.366,0.5)#设置三角形顶点glEnd()#结束绘制三角形#交换缓冲区self.canvas.SwapBuffers()ifname==’main’:app=wx.App()frame=MainFrame(None)frame.Show()app.MainLoop()

代码运行界面如下图所示。

END

成就一亿技术人