wxPython借助wxFormBuiler来编写一个简单的文本编辑器

2023-01-28 15:08:32

简介

wxPython是一个Python包装wxWidgets（这是用 C++ 编写），一个流行的跨平台GUI工具包。由Robin Dunn以及Harri Pasanen开发，wxPython是作为一个Python扩展模块。就像wxWidgets，wxPython也是一个免费的软件。它可以从官方网站下载： http://wxpython.org. 在本网站上可下载 wxPython 对应操作系统平台二进制和源代码。

在wxPython API主要模块包括一个核心模块。它由 wxObject 类，这是基础 API 的所有类。控制模块包含了所有 GUI 应用程序开发中使用的部件。例如，wx.Button，wx.StaticText（类似于一个标签），wx.TextCtrl（可编辑的文本控制）等。

wxPython 的API有GDI（图形设备接口）模块。这是一组用于在部件中的绘图类。如字体，颜色，画笔等类就是其中的一部分。所有的容器窗口类是由 Windows 模块定义。

练习一

一个简单的GUI应用程序显示Hello World消息使用以下构建步骤

导入 wx 模块
定义应用程序类的一个对象
创建一个供用户交互的窗口(wx.Frame) ，并给出构造标题和尺寸参数。
使用一个面板(wx.Panel)，以便框架的背景颜色是正确的灰色阴影。
添加一个静态文本对象，以显示 ‘Hello World’在窗口内的任意位置。
通过show()方法激活框架窗口。
输入应用程序对象的主事件循环。

#导入wx模块
import wx
#创建一个应用程序对象
app = wx.App()
#创建一个供用户交互的窗口，标题为test1，大小为500,500
win = wx.Frame(None,title='test1',size=(500,500))
#使用一个面板，以便框架的背景颜色是正确的灰色阴影
panel = wx.Panel(win)
#面板上添加一个静态文本对象
lable = wx.StaticText(panel,label='Hello World!',pos=(0,0))
#窗口展示
win.Show()
#进入主循环
app.MainLoop()

默认情况下，wx.frame将包括沿顶部的最小化、最大化和退出按钮。不过，通常不会以这种方式创建应用程序。大多数wxPython代码将要求你子类化wx.frame和其他小部件，这样你就可以获得工具包的全部功能。

让我们花点时间重构一下代码作为一个类：

import wx
class MyFram(wx.Frame):
    def __init__(self):
        super().__init__(parent=None,title='Hello World')
        panel = wx.Panel(self)
        label = wx.StaticText(panel,label='Hello World',pos=(0,0))
        self.Show()
if __name__ == '__main__':
    app = wx.App()
    fram = MyFram()
    app.MainLoop()

你可以将此代码用作应用程序的模板。但是，这个应用程序并没有做很多事情，所以让我们花点时间来了解一些你可以添加的其他小部件。

小部件

wxPython工具包有100多个小部件可供选择。这允许你创建丰富的应用程序，但是要想弄清楚要使用哪个小部件也可能会让人望而生畏。这就是为什么wxPython演示非常有用，因为它有一个搜索过滤器，你可以使用它来帮助你找到可能应用于项目的小部件。

按钮

wx.Button(self, parent=None, id=None, label=None, pos=None, size=None, style=0, validator=None, name=None)

当你将panel小部件添加到框架中，并且该面板是框架的唯一子元素时，它将自动展开以填充框架。

下一步是添加一个wx.Button到面板。几乎所有小部件的第一个参数都是小部件应该指向哪个父部件。在本例中，你希望文本控件和按钮位于面板顶部，因此它是你指定的父控件。

你还需要告诉wxPython将小部件放置在何处，这可以通过pos参数传入一个位置来实现。在wxPython中，原点位置是(0,0)，即父节点的左上角。因此，对于控件，你需要告诉wxPython要将其左上角距左侧(x) 0个像素和距顶部(y) 50个像素定位。

然后将按钮添加一个size同样是数组形式(x,y)，然后你可以给按钮一个name或者id用来区分其他按钮。

import wx
class MyFram(wx.Frame):
    def __init__(self):
        super().__init__(parent=None,title='Hello World',size=(500,500))
        panel = wx.Panel(self)
        label = wx.StaticText(panel,label='Hello World',pos=(0,0))
        #按钮
        btn = wx.Button(panel, label='按钮1', pos=(0,50), size=(100,50),
                        name="btn")
        self.Show()
if __name__ == '__main__':
    app = wx.App()
    fram = MyFram()
    app.MainLoop()

编辑框

text = wx.TextCtrl(panel,size=(200,20),pos=(0,150),name='text1')

单选框

radioButton = wx.RadioButton(panel, size=(80, 24), pos=(150, 0), name='radioButton', label='单选框')

多选框

checkBox = wx.CheckBox(panel, size=(80, 24), pos=(150, 50), name='check', label='多选框')

组合框

comboBox = wx.ComboBox(panel,value='',pos=(150, 100),name='comboBox',choices=['a','b','c','d'])

滑块条

slider = wx.Slider(panel,size=(120, 22),pos=(200, 200),name='slider',minValue=1,maxValue=100,value=50)

整数微调框

spinCtrl = wx.SpinCtrl(panel,size=(60, 24),pos=(200, 250),name='wxSpinCtrl',min=0,max=100,initial=0,style=0)

颜色选择器

colourPickerCtrl = wx.ColourPickerCtrl(panel, size=(80, 28), pos=(0, 200), colour=(0, 0, 0, 255),
                                  name='colourpicker', style=1)

借助wxFormBuiler来编写一个简单的文本编辑器

简介

wxFormBuilder是一款基于wxWidgets的GUI可视化编辑工具，可用于Python的GUI设计。

wxFormBuilder项目GitHUb：www.wxformbuilder.org/

下载地址：wxFormBuilder_win32.zip

wxFormBuilder的使用

一、打开wxFormBuilder

界面主要分为四大区：项目区Object Tree、控件区Component Palette、编辑区Editor、属性区Object Properties。

在控件区里点击添加需要的控件，这些控件的效果会在编辑区里实时显示，并在属性区显示这些控件的属性，项目区用于显示控件间的层级关系。

二、创建一个GUI的基础框架

从控件区里的Forms中添加一个Frame，这是GUI的轮廓基础：

三、在Frame下添加一个Layout中的wxBoxSizer

后续所有控件均是放在wxBoxSizer里的。如果你觉得单个wxBoxSizer里的控件布局太单调，你可以嵌套使用wxBoxSizer，这是实现GUI界面控件布局多样化的关键。本次的文本编辑器就嵌套了wxBoxSizer，需要在第一个wxBoxSizer中再添加一个wxBoxSizer。

接下来在右侧的属性区修改其相关的属性，将bSizer2的orient改为wxHORIZONTZL，proportion改为0。

这样bSizer2中的控件就变成水平排列的了，而且bSizer2在bSizer1中的比例为保持bSizer2中的控件大小，具体的效果会在后面显示出来：

四、在bSizer2中添加Common中的1个wxTextCtrl，2个wxButton

现在就能看到第三步中对bSizer2的orient和proportion属性设置的效果了，三个控件依次水平排列，且整个bSizer2的高度是与其中控件高度有关的。

接下来分别修改m_textCtrl1、m_button和m_button2的属性，将其name依次改名为text1、btn1和btn2，并且将textCtrl的proportion改为1，两个button的label改为“打开”和“保存”，最终效果为：

五、添加wxTextCtrl

在bSizer1下再添加一个wxTextCtrl，并将name修改为content，proportion改为1，flag下勾选wx.EXPAND，其效果为：

flag=wx.EXAPND和proportion=1的作用是将wxTextCtrl填充满整个空间。

然后点击Editor下的Python标签，就能看到UI对应的源码了，复制到pycharm中，进行下一步修改。

在python中添加下列代码，并运行。

if __name__ == '__main__':
    app = wx.App()
    frame = MyFrame1(None)
    frame.Show()
    app.MainLoop()

现在一个简单的文本编辑器的外形我们已经搭建好了，但是现在只是一个外表好看没啥用的GUI，下一篇文章我们将给部件加上一些动作，让这个文本编辑器能够保持打开文件。

码农公寓

简介

练习一

小部件

按钮

编辑框

单选框

多选框

组合框

滑块条