21. Python脚本学习笔记二十一图形化界面

21. Python脚本学习笔记二十一图形化界面

本篇名言：“错过了晨曦,你可以欣赏暮霭;错过了春花,你可以接纳秋实;错过了太阳,你可以仰望星月;错过了昨天,你可以拥抱今天!”

这么长时间我们居然一直面对枯燥乏味的文本界面，有没有一种想换种口味的想法？

尝试下图形化界面的使用了。

                  当前Python支持GUI工具包，Python有很多GUI工具包，蛤蟆也不知道到底有没有标准的GUI工具包。既然如此，就使用最成熟的跨平台GUI工具包，wxPtyhon吧。

                  支持的GUI工具包如下：

1.  环境准备

从地址

http://www.wxpython.org/

下载对应版本的软件。

下载完毕后进行安装，双击下一步下一步即可（此处蛤蟆说的是windows）

然后输如以下内容进行测试：

>>>import wx

>>>app=wx.App()

>>>app.MainLoop()

没报错即OK。此处没有东西显示出来，这个不要紧，我们接下去会让他显示出来。

 

2.  窗口和组件

窗口也成为框架，是wx.Frame类的实例。

>>>import wx

>>>app=wx.App()

>>>win=wx.Frame(None)

>>>win.Show()

True

出现如下图：

 

2.1      按钮

增加Button，实现代码如下

importwx

app=wx.App()

win=wx.Frame(None)

btn=wx.Button(win)

win.Show()

app.MainLoop()

 

2.2      标签、标题和位置

importwx

app=wx.App()

win=wx.Frame(None,title="SimpleEditor")

loadButton=wx.Button(win,label='Open')

saveButton=wx.Button(win,label='Save')

win.Show()

app.MainLoop()

 

 

此处的两个按钮堆叠在了一起，所以只能看到一个，马上弄出来。稍等片刻。

如下代码：

importwx

 

app = wx.App()

win = wx.Frame(None, title="SimpleEditor", size=(410,335))

win.Show()

loadButton = wx.Button(win, label='Open', pos=(225,5), size=(80,25))

saveButton = wx.Button(win, label='Save',pos=(315,5), size=(80,25))

filename = wx.TextCtrl(win, pos=(5,5),size=(210,25))

contents = wx.TextCtrl(win, pos=(5,35), size=(390,260), style=wx.TE_MULTILINE | wx.HSCROLL)

app.MainLoop()

执行后如下，从界面上看已经很像一个程序了。

 

 

3.  智能布局

刚才手动布局我们对界面进行拉伸并不会自动扩展，可以使用尺寸器来解决这个问题。

尺寸器会管理组件的尺寸，只要将部件添加到尺寸器上，再加上一些布局参数，然后让尺寸器自己去管理父组件的尺寸。

代码如下：

importwx

app = wx.App()

win = wx.Frame(None, title="SimpleEditor", size=(410,335))

bkg = wx.Panel(win)

loadButton = wx.Button(bkg, label='Open')

saveButton = wx.Button(bkg, label='Save')

filename = wx.TextCtrl(bkg)

contents = wx.TextCtrl(bkg,style=wx.TE_MULTILINE | wx.HSCROLL)

hbox = wx.BoxSizer()

hbox.Add(filename, proportion=1, flag=wx.EXPAND)

hbox.Add(loadButton, proportion=0, flag=wx.LEFT, border=5)

hbox.Add(saveButton, proportion=0, flag=wx.LEFT, border=5)

vbox = wx.BoxSizer(wx.VERTICAL)

vbox.Add(hbox, proportion=0, flag=wx.EXPAND | wx.ALL, border=5)

vbox.Add(contents, proportion=1,flag=wx.EXPAND | wx.LEFT | wx.BOTTOM |wx.RIGHT, border=5)

bkg.SetSizer(vbox)

win.Show()

app.MainLoop()

这样实现后，边框拖动后会自动进行扩展。

代码中使用了相对路径而不是绝对路径。

本次还创建了一个面板Panel。

其中wx.BoxSizer的构造函数带有一个决定是水平还是垂直的参数，默认是水平。

在水平的BoxSizer中有3个组件，不过proportion值不一样，三个组件的proportion的值分别是1,0,0。表示第一个组件获得水平扩展的全部额外空间，其他2个组件不变。

其中的Add函数中的flag参数表示组件是否会扩展到所分配的空间中。

 

 

4.  事件处理

用户执行的动作叫做事件。

需要将按钮这个事情，我们发送一个消息出去告诉程序我们进行了按钮操作。

很简单，如下即可实现。

loadButton.Bind(wx.EVT_BUTTON,load)

5.  完成事件处理

实现两个函数关于load和save的。

def load(event):

    file = open(filename.GetValue())

    contents.SetValue(file.read())

    file.close()

 

def save(event):

    file = open(filename.GetValue(), 'w')

    file.write(contents.GetValue())

    file.close()

 

最后全部实现如下:

importwx

defload(event):

   file = open(filename.GetValue())

   contents.SetValue(file.read())

   file.close()

 

defsave(event):

   file = open(filename.GetValue(),'w')

   file.write(contents.GetValue())

   file.close()

 

app = wx.App()

win = wx.Frame(None, title="SimpleEditor", size=(410,335))

 

bkg = wx.Panel(win)

 

loadButton = wx.Button(bkg, label='Open')

loadButton.Bind(wx.EVT_BUTTON,load)

 

saveButton = wx.Button(bkg, label='Save')

saveButton.Bind(wx.EVT_BUTTON,save)

 

filename = wx.TextCtrl(bkg)

contents = wx.TextCtrl(bkg, style=wx.TE_MULTILINE| wx.HSCROLL)

 

hbox = wx.BoxSizer()

hbox.Add(filename, proportion=1, flag=wx.EXPAND)

hbox.Add(loadButton, proportion=0, flag=wx.LEFT, border=5)

hbox.Add(saveButton,proportion=0, flag=wx.LEFT, border=5)

 

vbox = wx.BoxSizer(wx.VERTICAL)

vbox.Add(hbox, proportion=0, flag=wx.EXPAND | wx.ALL, border=5)

vbox.Add(contents, proportion=1,

         flag=wx.EXPAND | wx.LEFT | wx.BOTTOM |wx.RIGHT, border=5)

 

bkg.SetSizer(vbox)

win.Show()

 

app.MainLoop()

在Windows中，可以使用.pyw作为文件名的结尾来保存GUI程序。

                  在开头所说，除了wxPython还有Tkinter，Jython,Swing等GUI工具的。

                  不过大多数GUI工具包的基础都一样的。