原標(biāo)題：Python圖形界面—wxPython庫的布局管理及頁面切換

前言

wxPython是基于Python的跨平臺(tái)GUI擴(kuò)展庫，對(duì)wxWidgets( C++ 編寫)封裝實(shí)現(xiàn)。GUI程序的開發(fā)中界面布局是很重要的一個(gè)部分，合理的頁面布局能夠給予用戶良好使用體驗(yàn)。雖然在GUI的控件和窗口布局上可以使用坐標(biāo)，但更多且更方便的是用sizer來布局。本文主要介紹wxPython的布局管理應(yīng)用以及在此基礎(chǔ)上實(shí)現(xiàn)的頁面切換功能。

最小架構(gòu)實(shí)現(xiàn)

wxPython程序由組件wx.App、wx.Frame、wx.Panel以及其他widget控件/窗體(如wx.ComboBox, wx.Button)組成。一個(gè)wxPython程序只有一個(gè)wx.App創(chuàng)建的實(shí)例用于執(zhí)行事件循環(huán)，至少一個(gè)Frame對(duì)象作為控件的容器，調(diào)用Show()方法使其顯示，Frame中至少有一個(gè)Panel用來控制布局的窗口，而其他的控件建立在Panel之上。

在App類中未定義init()方法，但在Python中實(shí)例化一個(gè)對(duì)象時(shí)父方法wx.App.init()將被自動(dòng)調(diào)用，如果定義了init()方法，需要手動(dòng)調(diào)用基類的init()方法，如Frame類和Panel類中的實(shí)現(xiàn)(創(chuàng)建Frame類、Panel類可更靈活地設(shè)計(jì)我們所需要的GUI)。OnInit()是wxPython所特有的一個(gè)方法，在應(yīng)用程序創(chuàng)建后到事件循環(huán)開始前被wx.App父類調(diào)用，需返回一個(gè)True的布爾值。SetTopWindow()方法設(shè)置當(dāng)前Frame為應(yīng)用程序的頂級(jí)窗口，該方法繼承自wx.App父類。

應(yīng)用程序一旦進(jìn)入主事件循環(huán)，控制權(quán)將轉(zhuǎn)交給wxPython，程序響應(yīng)用戶的鼠標(biāo)和鍵盤事件。當(dāng)應(yīng)用程序的所有Frame關(guān)閉后app.MainLoop()方法結(jié)束并退出程序。

class Panel(wx.Panel):

def __init__(self,parent):

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

pass

class Frame(wx.Frame):

def __init__(self):

wx.Frame.__init__(self, parent = None, title = u'量化軟件', size=(1000,600),

style=wx.DEFAULT_FRAME_STYLE^wx.MAXIMIZE_BOX)

self.MPL = Panel(self)

pass

class App(wx.App):

def OnInit(self):

self.frame = Frame()

self.frame.Show()

self.SetTopWindow(self.frame)

return True

if __name__ == '__main__':

app = App()

app.MainLoop()

布局管理介紹

控件可通過絕對(duì)坐標(biāo)形式定位在容器中，由構(gòu)造函數(shù)中pos參數(shù)指定以像素為單位的坐標(biāo)值。如wx.TextCtrl的構(gòu)造函數(shù)所示：

wx.TextCtrl(parent,id,value='',pos=wx.DefaultPostion,size=wx.DefaultSize,style=0,validator=wx.DefaultValidator,name=wx.TextCtrlNameStr)

絕對(duì)定位方式需為每一個(gè)控件設(shè)計(jì)大小和位置，修改布局時(shí)十分繁瑣，而且調(diào)整容器(Frame或Panel)尺寸時(shí)控件無法對(duì)應(yīng)改變。wxPython的布局管理器Sizer能對(duì)容器中的控件進(jìn)行更優(yōu)雅的管理，隨著容器尺寸的變化自動(dòng)計(jì)算控件最優(yōu)化的大小和位置。

wxPython中定義的sizer主要有wx.BoxSizer，wx.StaticBoxSizer，wx.GridSizer，wx.FlexGridSizer和wx.GridBagSizer，它們繼承了Wx.Sizer基類，并在此之上各自具有管理窗口布局的規(guī)則。

·GridSizer: 最基礎(chǔ)的二維網(wǎng)格布局，可指定行列，每個(gè)網(wǎng)格的尺寸相同?？丶宰蟮接液陀缮系较路巾樞蛱砑佑诰W(wǎng)格內(nèi)。

·FlexGridSizer：在Grid的基礎(chǔ)上進(jìn)行了改進(jìn)，網(wǎng)格的尺寸可以不同。

·GridBagSizer：最靈活的網(wǎng)格布局器，可以隨意放置在網(wǎng)格中放置組件。

·BoxSizer：在一條水平線或垂直線上進(jìn)行布局，網(wǎng)格的尺寸可以不同，通常用于嵌套。

·StaticBoxSizer：標(biāo)準(zhǔn)的box sizer，提供了圍繞框以及頂部文本標(biāo)簽。

以下通過例程介紹Sizer布局應(yīng)用。wx.BoxSizer的布局方向分為橫向和縱向兩種，并且可以在橫向或縱向方向上包含子sizer以創(chuàng)建嵌套的布局。按下表所示要求進(jìn)行布局，即ParaPanel、MPL、RightPanel三個(gè)面板采用橫向boxsizer布局。ParaPanel嵌套wx.StaticBoxSizer布局器及wx.RadioBox和wx.TextCtrl控件，三者采用縱向boxsizer排布。RightPanel中嵌套wx.FlexGridSizer布局器指定3個(gè)wx.Button控件按網(wǎng)格尺寸排布。

(1) 分別創(chuàng)建ParaPanel、MPL、RightPanel面板，創(chuàng)建一個(gè)縱向wx.BoxSizer用于排列ParaPanel中控件，創(chuàng)建一個(gè)橫向wx.BoxSizer用于排布ParaPanel、MPL、RightPanel面板。

self.MPL = PanelA(self)

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

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

vboxnetA= wx.BoxSizer(wx.VERTICAL)#縱向box

self.HBoxPanel = wx.BoxSizer(wx.HORIZONTAL)

(2)創(chuàng)建一個(gè)wx.StaticBox靜態(tài)框?qū)ο?#xff0c;創(chuàng)建wx.StaticBoxSizer布局管理器將靜態(tài)框作為參數(shù)傳入進(jìn)行布局管理，創(chuàng)建控件并通過Add()方法添加至StaticBoxSizer布局管理器中。

paraInput_Box = wx.StaticBox(self.ParaPanel, -1, u'參數(shù)輸入')

paraInput_Sizer = wx.StaticBoxSizer(paraInput_Box, wx.VERTICAL)

stockCode_Text = wx.StaticText(self.ParaPanel, -1, u'模塊名稱')

stockData_Text = wx.StaticText(self.ParaPanel, -1, u'模塊型號(hào)')

paraInput_Sizer.Add(stockCode_Text,proportion=0,flag=wx.EXPAND|wx.LEFT|wx.BOTTOM|wx.RIGHT,border=5)

paraInput_Sizer.Add(stockData_Text,proportion=0,flag=wx.EXPAND|wx.LEFT|wx.BOTTOM|wx.RIGHT,border=5)

(3) 創(chuàng)建wx.GridSizer布局管理器，創(chuàng)建控件通過Add()方法添加至均勻分布的二維網(wǎng)格中，即同一行的控件具有相同高度，同一列中控件具有相同的寬度。對(duì)RightPanel調(diào)用SetSizer()方法使布局有效。

self.FlexGridSizer=wx.FlexGridSizer(rows=3, cols=1, vgap=3, hgap=3)

self.FlexGridSizer.Add(self.Button1,proportion = 0, border = 5,flag = wx.ALL | wx.EXPAND)

self.FlexGridSizer.Add(self.Button2,proportion = 0, border = 5,flag = wx.ALL | wx.EXPAND)

self.FlexGridSizer.Add(self.Button3,proportion = 0, border = 5,flag = wx.ALL | wx.EXPAND)

self.FlexGridSizer.SetFlexibleDirection(wx.BOTH)

self.RightPanel.SetSizer(self.FlexGridSizer)

(4)ParaPanel中控件添加至縱向BoxSizer中，而后與MPL、RightPanel一同添加至橫向BoxSizer以實(shí)現(xiàn)嵌套布局。Add()方法中proportion為比例控制，假如在橫向BoxSizer中兩個(gè)控件的proportion相等，那么Frame尺寸橫向改變時(shí)，控件大小保持相同，若proportion=0則大小不變。

vboxnetA.Add(paraInput_Sizer,proportion=0,flag=wx.EXPAND|wx.LEFT|wx.BOTTOM|wx.RIGHT,border=5)

vboxnetA.Add(self.IndicatInput_Box,proportion=0,flag=wx.EXPAND|wx.LEFT|wx.BOTTOM|wx.RIGHT,border=5)

vboxnetA.Add(self.TextAInput,proportion=0,flag=wx.EXPAND|wx.LEFT|wx.BOTTOM|wx.RIGHT,border=5)

self.ParaPanel.SetSizer(vboxnetA)

self.HBoxPanel.Add(self.ParaPanel,proportion = 1, border = 2,flag = wx.ALL | wx.EXPAND)

self.HBoxPanel.Add(self.MPL,proportion = 1, border = 2,flag = wx.ALL | wx.EXPAND)

self.HBoxPanel.Add(self.RightPanel,proportion = 1, border = 2,flag = wx.ALL | wx.EXPAND)

self.SetSizer(self.HBoxPanel)

頁面切換實(shí)現(xiàn)

此章節(jié)介紹在GUI界面中點(diǎn)擊按鈕實(shí)現(xiàn)主頁面的切換功能。sizer布局器除了Add()方法外還包括Detach()方法移除控件，Insert()方法插入控件等，可支持動(dòng)態(tài)布局的實(shí)現(xiàn)，此處在按鈕事件任務(wù)中動(dòng)態(tài)創(chuàng)建OptionPanel面板，使用Replace()方法替換MPL面板，通過Layout()函數(shù)強(qiáng)制Sizer重新繪制界面。點(diǎn)擊Diag按鈕后界面如下圖所示。

def Button1Event(self,event):

#創(chuàng)建選項(xiàng)欄目面板

self.OptionPanel = PanelB(self)

self.HBoxPanel.Hide(self.MPL)

self.HBoxPanel.Replace(self.MPL,self.OptionPanel)

self.SetSizer(self.HBoxPanel)

self.HBoxPanel.Layout()

self.ProcessPanelB()返回搜狐，查看更多

責(zé)任編輯：

總結(jié)

以上是生活随笔為你收集整理的wxpython界面切换_Python图形界面—wxPython库的布局管理及页面切换的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。