本篇內容來自https://www.cnblogs.com/-wenli/p/12149850.html
1.布局分析和注意點
例程主要是Sizer布局應用。wx.BoxSizer的布局方向分為橫向和縱向兩種，並且可以在橫向或縱向方向上包含子sizer以創建嵌套的布局。
LeftPanel、CenterPanel、RightPanel三個面板采用橫向boxsizer布局。對應四個Box盒子，三個垂直盒子，一個水平盒子。
三個垂直盒子：
Boxv1布局LeftPanel
Boxv3布局CenterPanel
Boxv4布局RightPanel
一個水平盒子：
Boxh1布局三個垂直盒子
#創建三個面板 def Init_Panel(self): self.LeftPanel = wx.Panel(self) self.CenterPanel = wx.Panel(self) self.RightPanel = wx.Panel(self) #創建四個盒子 #三個垂直盒子、一個水平盒子 def Init_Box(self): #三個垂直盒子 self.Boxv1 = wx.BoxSizer(wx.VERTICAL) self.Boxv2 = wx.BoxSizer(wx.VERTICAL) self.Boxv3 = wx.BoxSizer(wx.VERTICAL) #一個水平盒子 self.Boxh1 = wx.BoxSizer(wx.HORIZONTAL)
在水平盒子里布局三個垂直盒子
# 將三個垂直盒子添加到垂直盒子 self.Boxh1.Add(self.LeftPanel,proportion = 1, border = 2,flag = wx.ALL | wx.EXPAND) self.Boxh1.Add(self.CenterPanel, proportion=4, border=2, flag=wx.ALL | wx.EXPAND) self.Boxh1.Add(self.RightPanel, proportion=1, border=2, flag=wx.ALL | wx.EXPAND)
兩個主要的參數： border：邊框像素。 proportion：占空間的比率。注意點：
1.創建控件，需要與之關聯的面板
例如：modelname = wx.StaticText(self.LeftPanel, -1,
"模塊名稱"
)，第一個參數為相關聯面板。
2.一個盒子布局完，需要與面板關聯起來
例如：self.LeftPanel.SetSizer(self.Boxv1)
3.整個盒子布局完，需要與主框架關聯起來，例如：
self.SetSizer(self.Boxh1)
2.頁面切換實現
頁面切換使用notebook使用，官方文檔：https://wxpython.org/Phoenix/docs/html/wx.Notebook.html#wx.Notebook.SetPageImage
程序：
#創建notebook nb = wx.Notebook(self.CenterPanel, style=wx.NB_FIXEDWIDTH) page1 = PageOne(nb) page2 = PageTwo(nb) page3 = PageThree(nb) #在notebook中添加面板，第一個參數是面板，第二個參數是標簽 nb.AddPage(page1, "使用說明") nb.AddPage(page2, "選擇檢索") nb.AddPage(page3, "查看結果")
#本質：創建了三個面板 ###########################使用說明1###################################### class PageOne(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) colour = [(160, 255, 204), (153, 204, 255), (151, 253, 225), ] self.SetBackgroundColour(colour[0]) self.tx1 = wx.StaticText(self, -1, "使用說明", (355, 45), (100, -1), wx.ALIGN_CENTER) font = wx.Font(14, wx.SWISS, wx.NORMAL, wx.BOLD) self.tx1.SetFont(font) ###########################使用說明2###################################### class PageTwo(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) colour = [(160, 255, 204), (153, 204, 255), (151, 253, 225), ] self.SetBackgroundColour(colour[1]) self.tx2 = wx.StaticText(self, -1, "選擇檢索", (355, 45), (100, -1), wx.ALIGN_CENTER) font = wx.Font(14, wx.SWISS, wx.NORMAL, wx.BOLD) self.tx2.SetFont(font) ###########################使用說明3###################################### class PageThree(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) colour = [(160, 255, 204), (153, 204, 255), (151, 253, 225), ] self.SetBackgroundColour(colour[2]) self.tx3 = wx.StaticText(self, -1, "查看結果", (355, 45), (100, -1), wx.ALIGN_CENTER) font = wx.Font(14, wx.SWISS, wx.NORMAL, wx.BOLD) self.tx3.SetFont(font)
3.結合matplotlib
Matplotlib的常見對象Figure，FigureCanvas，Axes，給出最簡單的例程：
scores = [89, 98, 70, 80, 60, 78, 85, 90] t_score = numpy.arange(1, len(scores) + 1, 1) s_score = numpy.array(scores) self.figure_score = Figure() self.figure_score.set_figheight(3.6) self.figure_score.set_figwidth(7.8) self.axes_score = self.figure_score.add_subplot(111) #畫圖 self.axes_score.plot(t_score, s_score, 'ro', t_score, s_score, 'k') self.axes_score.set_title(u'My Scores') self.axes_score.grid(True) self.axes_score.set_xlabel('T') self.axes_score.set_ylabel('score') #在self.CenterPanel上顯示 cannvas = FigureCanvas(self.CenterPanel, -1, self.figure_score)
補充關於wx.Font
wx.Font 對象確定一個文本的外觀。可以在其他有文本顯示的控件比如 TextCtrl，Button，Label 通過 setFont(Font對象）來指明。 其構造函數如下:
wx.Font(pointSize,family,style,weight,underline,faceName,encoding)
參數 說明 pointSize pointSize是字體的以磅為單位的整數尺寸。 family family用於快速指定一個字體而無需知道該字體的實際的名字.字體的准確選擇依賴於系統和具體可用的字體.你所得到的精確的字體將依賴於你的系統。字體類別如下:wx.DECORATIVE：一個正式的，老的英文樣式字體。 wx.DEFAULT：系統默認字體。 wx.MODERN：一個單間隔（固定字符間距）字體。 wx.ROMAN：serif字體，通常類似於Times New Roman。 wx.SCRIPT：手寫體或草寫體。 wx.SWISS：sans-serif字體，通常類似於Helvetica或Arial。 style style參數指明字體的是否傾斜，它的值有：wx.NORMAL,wx.SLANT,wx.ITALIC weight weight參數指明字體的醒目程度，他的值有:wx.NORMAL,wx.LIGHT,wx.BOLD underline underline參數僅工作在Windows系統下，如果取值為True，則加下划線，False為無下划線。 faceName faceName參數指定字體名。 encoding encoding參數允許你在幾個編碼中選擇一個，它映射內部的字符和字本顯示字符。編碼不是Unicode編碼，只是用於wxPython的不同的8位編碼。大多數情況你可以使用默認編碼。
4.完整源碼
import wx import numpy from matplotlib.backends.backend_wxagg import FigureCanvasWxAgg as FigureCanvas from matplotlib.figure import Figure class Example(wx.Frame): def __init__(self, parent, title): super(Example, self).__init__(parent, title=title) self.Init_Panel() self.Init_Box() self.Init_Left() self.Init_Center() self.Init_Right() # 將三個垂直盒子添加到垂直盒子 self.Boxh1.Add(self.LeftPanel,proportion = 1, border = 2,flag = wx.ALL | wx.EXPAND) self.Boxh1.Add(self.CenterPanel, proportion=4, border=2, flag=wx.ALL | wx.EXPAND) self.Boxh1.Add(self.RightPanel, proportion=1, border=2, flag=wx.ALL | wx.EXPAND) #將垂直盒子和主框架關聯 self.SetSizer(self.Boxh1) #顯示主框架 self.Show() #創建三個面板 def Init_Panel(self): self.LeftPanel = wx.Panel(self) self.CenterPanel = wx.Panel(self) self.RightPanel = wx.Panel(self) #創建四個盒子 #三個垂直盒子、一個水平盒子 def Init_Box(self): #三個垂直盒子 self.Boxv1 = wx.BoxSizer(wx.VERTICAL) self.Boxv2 = wx.BoxSizer(wx.VERTICAL) self.Boxv3 = wx.BoxSizer(wx.VERTICAL) #一個水平盒子 self.Boxh1 = wx.BoxSizer(wx.HORIZONTAL) def Init_Left(self): # 創建一個wx.StaticBox對象。 # 聲明一個wx.StaticBoxSizer與創建的wx.StaticBox對象作為其參數。 nm = wx.StaticBox(self.LeftPanel, -1, '參數輸入') nmSizer = wx.StaticBoxSizer(nm, wx.VERTICAL) # 構建靜態文本框 modelname = wx.StaticText(self.LeftPanel, -1, "模塊名稱") # 在StaticBoxSizer添加文本框 nmSizer.Add(modelname, 1, wx.EXPAND | wx.ALL, 1) # 創建下拉框 self.languages = ['NXP', 'MSP430', 'SMT32'] self.combo1 = wx.ComboBox(self.LeftPanel, choices=self.languages, value=self.languages[0]) # 在StaticBoxSizer盒子添加下拉框 nmSizer.Add(self.combo1, 1, wx.EXPAND | wx.ALL, 1) # 構建靜態文本框 modeltype = wx.StaticText(self.LeftPanel, -1, "模塊型號") # 在StaticBoxSizer添加文本框 nmSizer.Add(modeltype, 1, wx.EXPAND | wx.ALL, 1) # 創建下拉框 self.languages = ['0x123a', '0x3333', '0x1232'] self.combo2 = wx.ComboBox(self.LeftPanel, choices=self.languages, value=self.languages[0]) # 在StaticBoxSizer添加下拉框 nmSizer.Add(self.combo2, 1, wx.EXPAND | wx.ALL, 1) # 在垂直盒子添加StaticBoxSizer self.Boxv1.Add(nmSizer,0, wx.EXPAND | wx.ALL,10) #創建RadioButton lblList = ['線性網', '單環網', '雙環網','雙網冗余'] self.rbox = wx.RadioBox(self.LeftPanel, label='組網類型', choices=lblList, majorDimension=4,style=wx.RA_SPECIFY_ROWS) # 在垂直盒子添加RadioButton self.Boxv1.Add(self.rbox,0, wx.EXPAND | wx.ALL,10) # 創建一個wx.StaticBox對象。 # 聲明一個wx.StaticBoxSizer與創建的wx.StaticBox對象作為其參數。 nm1 = wx.StaticBox(self.LeftPanel, -1, '日志信息') nmSizer1 = wx.StaticBoxSizer(nm1, wx.VERTICAL) # 創建文本域 self.multiText = wx.TextCtrl(self.LeftPanel, -1, style=wx.TE_MULTILINE) # 創建一個文本控件 self.multiText.SetInsertionPoint(0) # 設置插入點 nmSizer1.Add(self.multiText, 1, wx.EXPAND | wx.ALL, 10) # 在垂直盒子里添加StaticBoxSizer盒子 self.Boxv1.Add(nmSizer1, 1, wx.EXPAND | wx.ALL, 10) #把垂直盒子與LeftPanel關聯起來 self.LeftPanel.SetSizer(self.Boxv1) def Init_Center(self): self.CenterPanel.SetBackgroundColour('white') scores = [89, 98, 70, 80, 60, 78, 85, 90] t_score = numpy.arange(1, len(scores) + 1, 1) s_score = numpy.array(scores) self.figure_score = Figure() self.figure_score.set_figheight(3.6) self.figure_score.set_figwidth(7.8) self.axes_score = self.figure_score.add_subplot(111) #畫圖 self.axes_score.plot(t_score, s_score, 'ro', t_score, s_score, 'k') self.axes_score.set_title(u'My Scores') self.axes_score.grid(True) self.axes_score.set_xlabel('T') self.axes_score.set_ylabel('score') #在self.CenterPanel上顯示 cannvas = FigureCanvas(self.CenterPanel, -1, self.figure_score) self.Boxv2.Add(cannvas, 1, wx.EXPAND | wx.ALL, 10) #創建notebook nb = wx.Notebook(self.CenterPanel, style=wx.NB_FIXEDWIDTH) page1 = PageOne(nb) page2 = PageTwo(nb) page3 = PageThree(nb) #在notebook中添加面板，第一個參數是面板，第二個參數是標簽 nb.AddPage(page1, "使用說明") nb.AddPage(page2, "選擇檢索") nb.AddPage(page3, "查看結果") self.Boxv2.Add(nb, 1, wx.EXPAND | wx.ALL, 10) self.CenterPanel.SetSizer(self.Boxv2) def Init_Right(self): self._btn1 = wx.Button(self.RightPanel, label=u'Diag', size=(50, 50)) self.Boxv3.Add(self._btn1, 0, wx.EXPAND | wx.ALL, 10) self._btn2 = wx.Button(self.RightPanel, label=u'Trend', size=(50, 50)) self.Boxv3.Add(self._btn2, 0, wx.EXPAND | wx.ALL, 10) self._btn3 = wx.Button(self.RightPanel, label=u'About', size=(50, 50)) self.Boxv3.Add(self._btn3, 0, wx.EXPAND | wx.ALL, 10) self.RightPanel.SetSizer(self.Boxv3) #本質：創建了三個面板 ###########################使用說明1###################################### class PageOne(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) colour = [(160, 255, 204), (153, 204, 255), (151, 253, 225), ] self.SetBackgroundColour(colour[0]) self.tx1 = wx.StaticText(self, -1, "使用說明", (355, 45), (100, -1), wx.ALIGN_CENTER) font = wx.Font(14, wx.SWISS, wx.NORMAL, wx.BOLD) self.tx1.SetFont(font) ###########################使用說明2###################################### class PageTwo(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) colour = [(160, 255, 204), (153, 204, 255), (151, 253, 225), ] self.SetBackgroundColour(colour[1]) self.tx2 = wx.StaticText(self, -1, "選擇檢索", (355, 45), (100, -1), wx.ALIGN_CENTER) font = wx.Font(14, wx.SWISS, wx.NORMAL, wx.BOLD) self.tx2.SetFont(font) ###########################使用說明3###################################### class PageThree(wx.Panel): def __init__(self, parent): wx.Panel.__init__(self, parent) colour = [(160, 255, 204), (153, 204, 255), (151, 253, 225), ] self.SetBackgroundColour(colour[2]) self.tx3 = wx.StaticText(self, -1, "查看結果", (355, 45), (100, -1), wx.ALIGN_CENTER) font = wx.Font(14, wx.SWISS, wx.NORMAL, wx.BOLD) self.tx3.SetFont(font) app = wx.App() Example(None, title='布局實踐') app.MainLoop()
