python GUI圖形化編程wxpython的使用

更新時(shí)間：2019年07月19日 15:02:20 作者：苦逼工程師

這篇文章主要介紹了python GUI圖形化編程wxpython的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

一、python gui（圖形化）模塊介紹：

　　Tkinter :是python最簡(jiǎn)單的圖形化模塊，總共只有14種組建

　　Pyqt :是python最復(fù)雜也是使用最廣泛的圖形化

　　Wx :是python當(dāng)中居中的一個(gè)圖形化，學(xué)習(xí)結(jié)構(gòu)很清晰

　　Pywin :是python windows 下的模塊，攝像頭控制(opencv)，常用于外掛制作

二、wx模塊的安裝：

C:\Users\Administrator> pip install wxpython

三、圖形化介紹

……

四、wx主要組件介紹

1、frame（窗口）

參數(shù)：

parent = None #父元素，假如為None，代表頂級(jí)窗口 
id = None #組件的標(biāo)識(shí)，唯一，假如id為-1代表系統(tǒng)分配id 
title = None #窗口組件的名稱 
pos = None #組件的位置，就是組件左上角點(diǎn)距離父組件或者桌面左和上的距離 
size = None #組件的尺寸，寬高 
style = None #組件的樣式 
name = None #組件的名稱，也是用來標(biāo)識(shí)組件的，但是用于傳值

2、TextCtrl（文本框）

參數(shù)：

parent = None #父元素，假如為None，代表頂級(jí)窗口 
id = None #組件的標(biāo)識(shí)，唯一，假如id為-1代表系統(tǒng)分配id 
value = None #文本框當(dāng)中的內(nèi)容
GetValue #獲取文本框的值
SetValue #設(shè)置文本框的值 
pos = None #組件的位置，就是組件左上角點(diǎn)距離父組件或者桌面左和上的距離 
size = None #組件的尺寸，寬高
style = None #組件的樣式
validator = None #驗(yàn)證
name = None #組件的名稱，也是用來標(biāo)識(shí)組件的，但是用于傳值

3、Button（按鈕）

參數(shù)：

parent = None #父元素，假如為None，代表頂級(jí)窗口 
id = None #組件的標(biāo)識(shí)，唯一，假如id為-1代表系統(tǒng)分配id 
lable = None #按鈕的標(biāo)簽 
pos = None #組件的位置，就是組件左上角點(diǎn)距離父組件或者桌面左和上的距離 
size = None #組件的尺寸，寬高 
style = None #組件的樣式
validator = None #驗(yàn)證
name = None #組件的名稱，也是用來標(biāo)識(shí)組件的，但是用于傳值

其它組件的參數(shù)類似

4、創(chuàng)建窗口基礎(chǔ)代碼

基本創(chuàng)建窗口代碼說明：import wx #引入wx模塊

app = wx.App() #實(shí)例化一個(gè)主循環(huán)<br>

frame = wx.Frame(None) #實(shí)例化一個(gè)窗口<br>

frame.Show()#調(diào)用窗口展示功能<br>

app.MainLoop()#啟動(dòng)主循環(huán)

效果如下圖：　　

五、Gui編寫簡(jiǎn)單實(shí)例

實(shí)現(xiàn)如下一個(gè)GUI界面，在上面文本框中輸入文本文件地址，點(diǎn)擊“打開”按鈕后將文本文件內(nèi)容顯示在下面的文本框中。

1、圖形化編寫

import wx

 

app = wx.App()

frame = wx.Frame(None,title = "Gui Test Editor",pos = (1000,200),size = (500,400))

 

path_text = wx.TextCtrl(frame,pos = (5,5),size = (350,24))

open_button = wx.Button(frame,label = "打開",pos = (370,5),size = (50,24))

save_button = wx.Button(frame,label = "保存",pos = (430,5),size = (50,24))

content_text= wx.TextCtrl(frame,pos = (5,39),size = (475,300),style = wx.TE_MULTILINE) # wx.TE_MULTILINE可以實(shí)現(xiàn)換行功能,若不加此功能文本文檔顯示為一行顯示

frame.Show() app.MainLoop()

2、事件綁定

1、定義事件函數(shù)

 事件函數(shù)有且只有一個(gè)參數(shù)，叫event

  

def openfile(event):

 path = path_text.GetValue()

 with open(path,"r",encoding="utf-8") as f: #encoding 設(shè)置文件打開時(shí)指定為utf8編碼，避免寫文件時(shí)出現(xiàn)編碼錯(cuò)誤

  content_text.SetValue(f.read())

 

2、綁定出發(fā)事件的條件和組件

 

open_button.Bind(wx.EVT_BUTTON,openfile)

3、完整代碼

#coding:utf-8

import wx

 

def openfile(event):  # 定義打開文件事件

 path = path_text.GetValue()

 with open(path,"r",encoding="utf-8") as f: # encoding參數(shù)是為了在打開文件時(shí)將編碼轉(zhuǎn)為utf8

  content_text.SetValue(f.read())

 

app = wx.App()

frame = wx.Frame(None,title = "Gui Test Editor",pos = (1000,200),size = (500,400))

 

path_text = wx.TextCtrl(frame,pos = (5,5),size = (350,24))

open_button = wx.Button(frame,label = "打開",pos = (370,5),size = (50,24))

open_button.Bind(wx.EVT_BUTTON,openfile) # 綁定打開文件事件到open_button按鈕上

 

save_button = wx.Button(frame,label = "保存",pos = (430,5),size = (50,24))

 

content_text= wx.TextCtrl(frame,pos = (5,39),size = (475,300),style = wx.TE_MULTILINE)

# wx.TE_MULTILINE可以實(shí)現(xiàn)以滾動(dòng)條方式多行顯示文本,若不加此功能文本文檔顯示為一行

 

frame.Show()

app.MainLoop()

六、尺寸器

按照上面的GUI代碼有一個(gè)缺陷，由于我們各個(gè)組件都固定了大小，因此在框體拉伸時(shí)，對(duì)應(yīng)的組件不會(huì)對(duì)應(yīng)進(jìn)行拉伸，比較影響用戶體驗(yàn)。

為了解決上述這個(gè)問題，我們可以使用尺寸器進(jìn)行布局，類似于HTML的CSS樣式。

1、BoxSizer（尺寸器）

尺寸器作用于畫布（panel）
默認(rèn)水平布局
垂直布局可以調(diào)整
按照相對(duì)比例

2、步驟

實(shí)例化尺寸器（可以是多個(gè)）
添加組件到不同尺寸器中
設(shè)置相對(duì)比例、填充的樣式和方向、邊框等參數(shù)
設(shè)置主尺寸器

3、將上面代碼通過尺寸器改寫

#coding:utf-8

import wx

 

def openfile(event):  # 定義打開文件事件

 path = path_text.GetValue()

 with open(path,"r",encoding="utf-8") as f: # encoding參數(shù)是為了在打開文件時(shí)將編碼轉(zhuǎn)為utf8

  content_text.SetValue(f.read())

 

app = wx.App()

frame = wx.Frame(None,title = "Gui Test Editor",pos = (1000,200),size = (500,400))

 

panel = wx.Panel(frame)

 

path_text = wx.TextCtrl(panel)

open_button = wx.Button(panel,label = "打開")

open_button.Bind(wx.EVT_BUTTON,openfile) # 綁定打開文件事件到open_button按鈕上

 

save_button = wx.Button(panel,label = "保存")

 

content_text= wx.TextCtrl(panel,style = wx.TE_MULTILINE)

# wx.TE_MULTILINE可以實(shí)現(xiàn)以滾動(dòng)條方式多行顯示文本,若不加此功能文本文檔顯示為一行

 

box = wx.BoxSizer() # 不帶參數(shù)表示默認(rèn)實(shí)例化一個(gè)水平尺寸器

box.Add(path_text,proportion = 5,flag = wx.EXPAND|wx.ALL,border = 3) # 添加組件

 #proportion：相對(duì)比例

 #flag：填充的樣式和方向,wx.EXPAND為完整填充，wx.ALL為填充的方向

 #border：邊框

box.Add(open_button,proportion = 2,flag = wx.EXPAND|wx.ALL,border = 3) # 添加組件

box.Add(save_button,proportion = 2,flag = wx.EXPAND|wx.ALL,border = 3) # 添加組件

 

v_box = wx.BoxSizer(wx.VERTICAL) # wx.VERTICAL參數(shù)表示實(shí)例化一個(gè)垂直尺寸器

v_box.Add(box,proportion = 1,flag = wx.EXPAND|wx.ALL,border = 3) # 添加組件

v_box.Add(content_text,proportion = 5,flag = wx.EXPAND|wx.ALL,border = 3) # 添加組件

 

panel.SetSizer(v_box) # 設(shè)置主尺寸器

 

frame.Show()

app.MainLoop()

通過尺寸器進(jìn)行布局，無論寬體如何拉伸，內(nèi)部的組件都會(huì)按比例進(jìn)行變化。