python進階學習筆記（二）

 

本節學習圖形化使用者介面

------------------------

 

 

本節介紹如何建立python程式的圖形化使用者介面（GUI），也就是那些帶有按鈕和文字框的視窗。這裡介紹wxPython ：

：http://www.wxpython.org/download.php

根據自己的作業系統下載相應版本。

安裝：

安裝過程非常簡單，以win7系統為例，點擊下載的exe 檔案，保持安裝目錄與原生python目錄一致就OK了。

 

建立並顯示一個架構

import wx  # 需要匯入wx模組app = wx.App()win = wx.Frame(None)win.Show()app.MainLoop()

運行：

 

 

====================================================

我們來建立一個文字編輯器，功能要求如下：

　　* 它可以開啟給定檔案名稱的文字檔；

　　* 它可以編輯檔案檔案

　　* 它可以儲存文字檔

　　* 它可以正常退出程式

 

 

一，設定按鈕位置

import wxapp = wx.App()win = wx.Frame(None,title = "編輯器", size=(410,335))win.Show()loadButton = wx.Button(win, label = '開啟',pos = (225,5),size = (80,25))saveButton = wx.Button(win, label = '儲存',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()

運行：

 

　　這裡可能需要注意的是，控制項（按鈕，輸入框）的位置和尺寸，位置和尺寸都包括一對數值：位置包括x 和y座標，而尺寸包括寬和高。

　　代碼比較簡單，按鈕控制項（開啟、儲存）就不解釋了。需要注意的是文本控制項，預設的文字框（text field）就是一行可編譯的文本，沒有捲軸，為了建立文本區（text area）只要使用style參數調整風格，style 參數的值實際上是個整數，但不用直接指定，可以使用按位或運算子OR聯合了wx.TE_MULTILINE來擷取多行檔案區，以及 wx.HSCROLL來擷取水平捲軸。

 

 

二、智能的布局

儘管明確每個組件的幾何位置很容易理解，但調整起來比較乏味。

import wxapp = wx.App()win = wx.Frame(None,title = "編輯器", size=(410,335))bkg = wx.Panel(win)loadButton = wx.Button(bkg, label = '開啟')saveButton = wx.Button(bkg, label = '儲存')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()

運行這段代碼，視窗會和上面的相同，但是使用了相對座標而不是絕對座標。

wx.BoxSizer的建構函式帶有一個決定它是水平還是垂直的參數，預設為水平。

add方法有幾個參數，proportion參數根據在視窗改變大小時所分配的空間設定比例。flag參數類似於建構函式中的style參數，可以使用按位或運算子串連構造符號常量。

 

 

二、添加事件處理

　　上面的介面做好了，但是我們點擊按鈕不起任何的作用。

　　在GUI術語中，使用者執行的動作（比如 點擊按鈕）叫做事件。我們需要讓程式注意這些事件並且作出反應。

　　假設寫了一個負責開啟檔案的函數，並將其命令為load ，然後就可以像下面這樣將函數作為loadButton的事件處理函數：

loadButton.Bind(wx.EVT_BUTTON, load)

　　

　　讓我們來完成剩下的工作，現在需要的就是兩個事件處理函數：load(開啟)和save（儲存）。當事件被調用時，它會收到一個事件對象作為它唯一的參數，其中包括髮生了什麼事情的資訊，但是在這裡可以忽略這方法的事情，因為程式只關心點擊時發生的事情。

def load(event):    file = open(filename.GetValue())    contents.SetValue(file.read())    file.close()

上節剛剛學過檔案的開啟/讀取，檔案名稱使用filename對象GetValue方法擷取。為了將文本引入文本區，只要使用contents.SetValue即可。

 

save函數和load類似，除了它需要寫入（‘w’），以及用於檔案處理部分的write方法，GetValue用於從文本區獲得資訊。

def save(event):    file = open(filename.GetValue(),'w')    file.write(contents.GetValue())    file.close()

  

萬事具備，將它們最終組裝，內容如下：

import wxdef 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()app = wx.App()win = wx.Frame(None,title = "編輯器", size=(410,335))bkg = wx.Panel(win)loadButton = wx.Button(bkg, label = '開啟')loadButton.Bind(wx.EVT_BUTTON,load)saveButton = wx.Button(bkg, label = '儲存')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()

運行：

下面玩轉這個小程式步驟：

1、文字框輸入aaa.txt 

2、文本區輸入hello.world!

3、點擊儲存（不會有儲存成功的提示，但它已經成功了）

4、關閉編輯器（只為了好玩），重新運行開啟。

5、檔案框輸入aaa.txt ,點擊“開啟”按鈕，上次編輯的內容（hello.world）在文本區出現了。