Python 的出现可以帮助我们快速解决实际的问题，提高工作效率。如果给 Python 脚本加上一个 GUI 的话，不仅可以进一步提升使用效率(不用每次停止运行去修改参数)，而且还能把自己程序分享给不懂编程的朋友们使用，的确让人激动不已！

wxPython 是基于 Python 的跨平台 GUI 扩展库，是对 wxWidgets( C++ 编写)封装实现，也是目前最为流行的 GUI 库之一。

本场 Chat 我们就来和大家一起学习 wxPython 的使用方法，运用知识点打造股票行情分析界面，为实现自己的桌面交互界面添砖加瓦。

本场 Chat 主要内容包括：

通过最小框架的实现快速入门 wxPython

界面的布局管理及多页面之间的切换，嵌入 Matplotlib 可以显示各种图形

不仅介绍基本的按钮、文本、工具栏、菜单栏的使用，还有高级的树形列表、Excel 表格、进度条、滑块、日历、对话框的扩展介绍

结合以上知识点，制作一个基础版的股票行情分析界面 ，可以交互查看个股走势

第三方库 wxPython 简介

目前，跨平台的 GUI 工具库较为有名的有 Tk、GTK、Qt 和 wxWidgets，尽管它们之间各有利弊，但很大程度上仍然取决于个人的喜好。

本文推荐使用 wxWidgets，主要原因一方面是因为 wxWidgets 受众群体较大，另一方面 wxWidgets 是标准 C++实现的，不仅上手快，而且在不同平台上与各类工具的兼容较好，能够做到完全的原生界面(Native GUI)，是真正的跨平台工具库。

在 Python 环境下 wxPythons 对 wxWidgets 实现了封装，形成了基于 Python 的跨平台 GUI 工具库。

在使用之前我们需要导入 wxPython 工具库，如下所示：

import wx

本文涉及到的日历控件 DatePickerCtrl 已经迁徙至 wx.adv 模块中，需要导入模块，如下所示：

import wx.adv

本文涉及到电子表格控件 Grid，需要导入模块，如下所示：

import wx.grid

本文涉及到树形列表控件 TreeListCtrl，需要导入模块，如下所示：

import wx.gizmos

最小 GUI 框架的实现

在 wxPython 中，GUI 程序由 wx.App、wx.Frame、wx.Panel 以及其他 widget 控件(如 wx.ComboBox, wx.Button)组成的。我们简单地梳理下这些组件的作用以及之间的联系。

一个 GUI 程序只有一个 wx.App 创建的实例用于执行事件循环，至少一个 wx.Frame 创建的实例(Frame)作为其他控件的容器，在 Frame 中至少有一个 wx.Panel 的实例(Panel)用来控制整个 Frame 的布局，而其他的控件则建立在 Panel 之上。

接下来我们逐步来实现最小 GUI 框架程序。其实启动一个最基础的 GUI 程序只需要一个 wx.App 实例、一个 wx.Frame 实例、一个默认生成的 wx.Panel 实例即可，此处例程再额外添加一个 wx.Button 的实例。

代码如下所示：

app = wx.App()#创建应用程序

frame = wx.Frame(None, -1, "Test Frame")

btn = wx.Button(frame, -1, label="Open")#在 frame 上实例化 wx.Button

frame.Show(True)#在调用 app.MainLoop 前显示 frame

app.MainLoop()#进入主事件循环

最基础的 GUI 程序显示效果如图所示：

在实际应用中，我们更倾向于创建自定义的 Frame 类、Panel 类，这样可以更灵活地设计我们所需要的 GUI 界面。

接下来，我们给出真正意义上的最小 GUI 框架程序，任何一个 GUI 程序的开发都可以在这个框架基础之上展开。

完整代码如下所示：

class Panel(wx.Panel):#继承 wx.Panel

def __init__(self, parent):#构造函数

wx.Panel.__init__(self, parent=parent, id=-1)

#此处添加 Panel 代码

class Frame(wx.Frame):#继承 wx.Frame

def __init__(self):#构造函数

wx.Frame.__init__(self, parent=None, title='Test Frame')

self.DispPanel = Panel(self)

# 此处添加各类控件

btn = wx.Button(self.DispPanel, -1, label="Open")

class App(wx.App):#继承 wx.App

def OnInit(self):

self.frame = Frame()

self.frame.Show()

self.SetTopWindow(self.frame)#设置当前 Frame 为应用程序的顶级窗口

return True

if __name__ == '__main__':

app = App()

app.MainLoop()

此处在 Frame 类和 Panel 类中定义了init()方法，可以更灵活地添加自定义的界面风格。

App 类中定义了 OnInit()方法。该方法在应用程序创建后到事件循环开始前被 wx.App 父类调用，需要返回一个为 True 的布尔值。

另外，SetTopWindow()方法用于设置当前 Frame 为应用程序的顶级窗口。

应用程序一旦进入主事件循环，控制权将转交给 wxPython，程序会响应用户的鼠标和键盘事件。当应用程序的所有 Frame 关闭后 app.MainLoop()方法结束并退出程序。

最小 GUI 框架程序运行效果如图所示：

Sizer 布局管理的介绍

GUI 程序的开发中，界面布局是很重要的一个环节，合理的界面布局是能够给予用户良好使用体验的。

绝对坐标的定位方式需要为每一个控件设计大小和位置，修改布局时十分繁琐，而且调整容器尺寸时控件无法对应改变。

幸运的是 wxPython 的布局管理器 Sizer 能对容器中的控件进行更优雅的布局管理，随着容器尺寸的变化自动计算控件最优化的大小和位置。

因此关于界面布局，更方便的是用 Sizer。

在 wxPython 中定义的 Sizer 主要有 wx.BoxSizer，wx.StaticBoxSizer，wx.GridSizer，wx.FlexGridSizer 和 wx.GridBagSizer 这几种，它们都继承于 Wx.Sizer 类，并在此之上各自具有管理窗口布局的规则。

接下来我们以雏形的量化交易系统 GUI 界面为例，来介绍下如何运用 wxPython 的 Sizer 布局管理功能。

wx.BoxSizer 的布局方向分为横向和纵向两种，并且可以在横向或纵向方向上嵌套包含子 Sizer 的布局。此处如目标效果图所示，将 GUI 界面整体布局嵌套为三层：

第一层布局。ParaPanel(参数面板)、DispPanel(显示面板)、CtrlPanel(控件面板)采用 wx.Boxsizer 的横向布局作为第一层布局。

第二层布局。在 ParaPanel 中，将多个 wx.StaticBoxSizer 布局管理器采用 wx.Boxsizer 的纵向排布，作为第二层嵌套布局。同为第二层嵌套布局的还有 CtrlPanel 中，wx.FlexGridSizer 布局管理器和 wx.TextCtrl 控件采用 wx.Boxsizer 的纵向排布。

第三层布局。在 wx.StaticBoxSizer 中将 wx.StaticText、wx.ComboBox 控件作为第三层嵌套排布。以及在 wx.FlexGridSizer 布局管理器指定的四个 wx.Button 控件的排布。

接下来，我们用代码来实现界面布局的目标效果。

1. 创建各个面板

首先在 GUI 框架程序的 Frame 类中分别创建 ParaPanel、DispPanel、CtrlPanel 对象，如下所示：

#创建显示区面板

self.DispPanel = Panel(self) # 自定义

#创建参数区面板

self.ParaPanel = wx.Panel(self,-1)

#创建控制面板

self.CtrlPanel = wx.Panel(self,-1)

排布这三个面板之前，需要先在这三个面板内以嵌套方式实现各自控件的布局。

2.ParaPanel 中嵌套布局

当布局 ParaPanel 中的控件时，需要先创建一个纵向 wx.BoxSizer 布局管理器的实例 vboxsizera 用于排列控件，如下所示：