wxPython:布局管理器sizer介紹

創建窗口中部件時顯示指定位置和大小對於稍復雜一點的界面來說是非常痛苦的，所以本節看一下wxPython中布局管理器sizer的用法，同樣，先看一個實例：

代碼：

#!/usr/bin/env python
# -*- coding: utf-8 -*-

'''
    Function:繪圖
    Input：NONE
    Output: NONE
    author: socrates
    blog:http://www.cnblogs.com/dyx1024/
    date:2012-07-15
'''  

import wx
import wx.lib.buttons
import cPickle
import os

class PaintWindow(wx.Window):
        def __init__(self, parent, id):
            wx.Window.__init__(self, parent, id)
            self.SetBackgroundColour("Red")
            self.color = "Green"
            self.thickness = 10
        
            #創建一個畫筆
            self.pen = wx.Pen(self.color, self.thickness, wx.SOLID)
            self.lines = []
            self.curLine = []
            self.pos = (0, 0)
            self.InitBuffer()
        
            #連接事件
            self.Bind(wx.EVT_LEFT_DOWN, self.OnLeftDown)
            self.Bind(wx.EVT_LEFT_UP, self.OnLeftUp)
            self.Bind(wx.EVT_MOTION, self.OnMotion)
            self.Bind(wx.EVT_SIZE, self.OnSize)
            self.Bind(wx.EVT_IDLE, self.OnIdle)
            self.Bind(wx.EVT_PAINT, self.OnPaint)
        
        def InitBuffer(self):
            size = self.GetClientSize()
            
            #創建緩存的設備上下文
            self.buffer = wx.EmptyBitmap(size.width, size.height)
            dc = wx.BufferedDC(None, self.buffer)
            
            #使用設備上下文
            dc.SetBackground(wx.Brush(self.GetBackgroundColour()))
            dc.Clear()
            self.DrawLines(dc)
            self.reInitBuffer = False
            
        def GetLinesData(self):
            return self.lines[:]
        
        def SetLinesData(self, lines):
            self.lines = lines[:]
            self.InitBuffer()
            self.Refresh()
            
        def OnLeftDown(self, event):
            self.curLine = []
            
            #獲取鼠標位置
            self.pos = event.GetPositionTuple()
            self.CaptureMouse()
            
        def OnLeftUp(self, event):
            if self.HasCapture():
                self.lines.append((self.color,
                                   self.thickness,
                                   self.curLine))
                self.curLine = []
                self.ReleaseMouse()
                
        def OnMotion(self, event):
            if event.Dragging() and event.LeftIsDown():
                dc = wx.BufferedDC(wx.ClientDC(self), self.buffer)
                self.drawMotion(dc, event)
            event.Skip()
        
        def drawMotion(self, dc, event):
            dc.SetPen(self.pen)
            newPos = event.GetPositionTuple()
            coords = self.pos + newPos
            self.curLine.append(coords)
            dc.DrawLine(*coords)
            self.pos = newPos
            
        def OnSize(self, event):
            self.reInitBuffer = True
        
        def OnIdle(self, event):
            if self.reInitBuffer:
                self.InitBuffer()
                self.Refresh(False)
        
        def OnPaint(self, event):
            dc = wx.BufferedPaintDC(self, self.buffer)
            
        def DrawLines(self, dc):
            for colour, thickness, line in self.lines:
                pen = wx.Pen(colour, thickness, wx.SOLID)
                dc.SetPen(pen)
                for coords in line:
                    dc.DrawLine(*coords)
        
        def SetColor(self, color):
            self.color = color
            self.pen = wx.Pen(self.color, self.thickness, wx.SOLID)
            
        def SetThickness(self, num):
            self.thickness = num
            self.pen = wx.Pen(self.color, self.thickness, wx.SOLID)
            
class PaintFrame(wx.Frame):
    
    def __init__(self, parent):
        self.title = "Paint Frame"
        wx.Frame.__init__(self, parent, -1, self.title, size = (800, 600))
        self.paint = PaintWindow(self, -1)
        
        #狀態欄
        self.paint.Bind(wx.EVT_MOTION, self.OnPaintMotion)
        self.InitStatusBar()
        
        #創建菜單
        self.CreateMenuBar()
        
        self.filename = ""
        
        #創建工具欄使用的面板
        self.CreatePanel()
    
    def CreatePanel(self):
        controlPanel = ControlPanel(self, -1, self.paint)
        box = wx.BoxSizer(wx.HORIZONTAL) #放置水平的box sizer
        box.Add(controlPanel, 0, wx.EXPAND) #水平方向伸展時不改變尺寸
        box.Add(self.paint, -1, wx.EXPAND)
        self.SetSizer(box)
        

        
    def InitStatusBar(self):
        self.statusbar = self.CreateStatusBar()
        #將狀態欄分割為3個區域,比例為1:2:3
        self.statusbar.SetFieldsCount(3)
        self.statusbar.SetStatusWidths([-1, -2, -3])   
        
    def OnPaintMotion(self, event):
        
        #設置狀態欄1內容
        self.statusbar.SetStatusText(u"鼠標位置：" + str(event.GetPositionTuple()), 0)
        
        #設置狀態欄2內容
        self.statusbar.SetStatusText(u"當前線條長度：%s" % len(self.paint.curLine), 1)
        
        #設置狀態欄3內容
        self.statusbar.SetStatusText(u"線條數目：%s" % len(self.paint.lines), 2)   
             
        event.Skip()
        
    def MenuData(self):
        '''
                   菜單數據
        '''
        #格式：菜單數據的格式現在是(標簽, (項目))，其中：項目組成為：標簽, 描術文字, 處理器, 可選的kind
        #標簽長度為2，項目的長度是3或4
        return [("&File", (             #一級菜單項
                           ("&New", "New paint file", self.OnNew),             #二級菜單項
                           ("&Open", "Open paint file", self.OnOpen),
                           ("&Save", "Save paint file", self.OnSave),
                           ("", "", ""),                                       #分隔線
                           ("&Color", (
                                       ("&Black", "", self.OnColor, wx.ITEM_RADIO),  #三級菜單項，單選
                                       ("&Red", "", self.OnColor, wx.ITEM_RADIO),
                                       ("&Green", "", self.OnColor, wx.ITEM_RADIO), 
                                       ("&Blue", "", self.OnColor, wx.ITEM_RADIO),
                                       ("&Other", "", self.OnOtherColor, wx.ITEM_RADIO))),
                           ("", "", ""),
                           ("&Quit", "Quit", self.OnCloseWindow)))
               ]  
    def CreateMenuBar(self):
        '''
        創建菜單
        '''
        menuBar = wx.MenuBar()
        for eachMenuData in self.MenuData():
            menuLabel = eachMenuData[0]
            menuItems = eachMenuData[1]
            menuBar.Append(self.CreateMenu(menuItems), menuLabel) 
        self.SetMenuBar(menuBar)
        
    def CreateMenu(self, menuData):
        '''
        創建一級菜單
        '''
        menu = wx.Menu()
        for eachItem in menuData:
            if len(eachItem) == 2:
                label = eachItem[0]
                subMenu = self.CreateMenu(eachItem[1])
                menu.AppendMenu(wx.NewId(), label, subMenu) #遞歸創建菜單項
            else:
                self.CreateMenuItem(menu, *eachItem)
        return menu
    
    def CreateMenuItem(self, menu, label, status, handler, kind = wx.ITEM_NORMAL):
        '''
        創建菜單項內容
        '''
        if not label:
            menu.AppendSeparator()
            return
        menuItem = menu.Append(-1, label, status, kind)
        self.Bind(wx.EVT_MENU, handler,menuItem)
    
    def OnNew(self, event):
        pass
    
    def OnOpen(self, event):
        '''
        打開開文件對話框
        '''
        file_wildcard = "Paint files(*.paint)|*.paint|All files(*.*)|*.*" 
        dlg = wx.FileDialog(self, "Open paint file...",
                            os.getcwd(), 
                            style = wx.OPEN,
                            wildcard = file_wildcard)
        if dlg.ShowModal() == wx.ID_OK:
            self.filename = dlg.GetPath()
            self.ReadFile()
            self.SetTitle(self.title + '--' + self.filename)
        dlg.Destroy()
        
        
    
    def OnSave(self, event): 
        '''
        保存文件
        '''
        if not self.filename:
            self.OnSaveAs(event)
        else:
            self.SaveFile()
            
    def OnSaveAs(self, event):
        '''
        彈出文件保存對話框
        '''
        file_wildcard = "Paint files(*.paint)|*.paint|All files(*.*)|*.*" 
        dlg = wx.FileDialog(self, 
                            "Save paint as ...",
                            os.getcwd(),
                            style = wx.SAVE | wx.OVERWRITE_PROMPT,
                            wildcard = file_wildcard)
        if dlg.ShowModal() == wx.ID_OK:
            filename = dlg.GetPath()
            if not os.path.splitext(filename)[1]: #如果沒有文件名后綴
                filename = filename + '.paint'
            self.filename = filename
            self.SaveFile()
            self.SetTitle(self.title + '--' + self.filename)
        dlg.Destroy()    
                   
    
    def OnColor(self, event):
        '''
        更改畫筆內容
        '''
        menubar = self.GetMenuBar()
        itemid = event.GetId()
        item = menubar.FindItemById(itemid)
        color = item.GetLabel() #獲取菜單項內容
        self.paint.SetColor(color)
        
    def OnOtherColor(self, event):
        '''
        使用顏色對話框
        '''
        dlg = wx.ColourDialog(self)
        dlg.GetColourData().SetChooseFull(True)   #創建顏色對象數據
        if dlg.ShowModal() == wx.ID_OK:
            self.paint.SetColor(dlg.GetColourData().GetColour()) #根據選擇設置畫筆顏色
        dlg.Destroy()
        
    def OnCloseWindow(self, event):
        self.Destroy()
        
    def SaveFile(self):
        '''
        保存文件
        '''
        if self.filename:
            data = self.paint.GetLinesData()
            f = open(self.filename, 'w')
            cPickle.dump(data, f)
            f.close()
                     
    def ReadFile(self):
        if self.filename:
            try:
                f = open(self.filename, 'r')
                data = cPickle.load(f)
                f.close()
                self.paint.SetLinesData(data)
            except cPickle.UnpicklingError:
                wx.MessageBox("%s is not a paint file."
                              % self.filename, "error tip",
                              style = wx.OK | wx.ICON_EXCLAMATION)
     
class ControlPanel(wx.Panel):
    BMP_SIZE = 16 
    BMP_BORDER = 3
    NUM_COLS = 4
    SPACING = 4
    
    colorList = ('Black', 'Yellow', 'Red', 'Green', 'Blue', 'Purple',
                 'Brown', 'Aquamarine', 'Forest Green', 'Light Blue',
                 'Goldenrod', 'Cyan', 'Orange', 'Navy', 'Dark Grey',
                 'Light Grey')
    maxThickness = 16
    
    def __init__(self, parent, ID, paint):
        wx.Panel.__init__(self, parent, ID, style = wx.RAISED_BORDER)
        self.paint = paint
        buttonSize = (self.BMP_SIZE + 2 * self.BMP_BORDER,
                      self.BMP_SIZE + 2 * self.BMP_BORDER)
        colorGrid = self.createColorGrid(parent, buttonSize) #創建顏色grid sizer
        thicknessGrid = self.createThicknessGrid(buttonSize) #創建線條grid sizer
        self.layout(colorGrid, thicknessGrid)
        
    def createColorGrid(self, parent, buttonSize):
        self.colorMap = {}
        self.colorButtons = {}
        colorGrid = wx.GridSizer(cols = self.NUM_COLS, hgap = 2, vgap = 2)
        for eachColor in self.colorList:
            bmp = self.MakeBitmap(eachColor)
            b = wx.lib.buttons.GenBitmapToggleButton(self, -1, bmp, size = buttonSize)
            b.SetBezelWidth(1)
            b.SetUseFocusIndicator(False)
            self.Bind(wx.EVT_BUTTON, self.OnSetColour, b)
            colorGrid.Add(b, 0)
            self.colorMap[b.GetId()] = eachColor
            self.colorButtons[eachColor] = b
        self.colorButtons[self.colorList[0]].SetToggle(True)
        return colorGrid
    
    def createThicknessGrid(self, buttonSize):
        self.thicknessIdMap = {}
        self.thicknessButtons = {}
        thicknessGrid = wx.GridSizer(cols = self.NUM_COLS, hgap = 2, vgap = 2)
        for x in range(1, self.maxThickness + 1):
            b = wx.lib.buttons.GenToggleButton(self, -1, str(x), size = buttonSize)
            b.SetBezelWidth(1)
            b.SetUseFocusIndicator(False)
            self.Bind(wx.EVT_BUTTON, self.OnSetThickness, b)
            thicknessGrid.Add(b, 0)
            self.thicknessIdMap[b.GetId()] = 2
            self.thicknessButtons[x] = b
        self.thicknessButtons[1].SetToggle(True)
        return thicknessGrid
    
    def layout(self, colorGrid, thicknessGrid):
        box = wx.BoxSizer(wx.VERTICAL) #使用垂直的box szier放置grid sizer
        box.Add(colorGrid, 0, wx.ALL, self.SPACING) #參數0表示在垂直方向伸展時不改變尺寸
        box.Add(thicknessGrid, 0, wx.ALL, self.SPACING)
        self.SetSizer(box)
        box.Fit(self)
            
    def OnSetColour(self, event):
        color = self.colorMap[event.GetId()]
        if color != self.paint.color:
            self.colorButtons[self.paint.color].SetToggle(False)
        self.paint.SetColor(color)
        
    def OnSetThickness(self, event):
        thickness = self.thicknessIdMap[event.GetId()]
        if thickness != self.paint.thickness:
            self.thicknessButtons[self.paint.thickness].SetToggle(False)
        self.paint.SetThickness(thickness)

    def MakeBitmap(self, color):
        bmp = wx.EmptyBitmap(16, 15)
        dc = wx.MemoryDC(bmp)
        dc.SetBackground(wx.Brush(color))
        dc.Clear()
        dc.SelectObject(wx.NullBitmap)
        return bmp
        
if __name__ == '__main__':
    app = wx.PySimpleApp()
    frame = PaintFrame(None)
    frame.Show(True)
    app.MainLoop()            
            
        
        
        

測試：

普通窗口：

最大化窗口：

知識點：

每個不同的sizer基於一套規則管理它的窗口的尺寸和位置。sizer屬於一個容器窗口（比如wx.Panel）。在父中創建的子窗口必須被添加給sizer，sizer管理每個窗

口部件的尺寸和位置。

創建一個sizer的步驟：

1. 創建你想用來自動調用尺寸的panel或container(容器)。
2. 創建sizer。
3. 創建你的子窗口。
4. 使用sizer的Add()方法來將每個子窗口添加給sizer。
5. sizer可以嵌套，這意味你可以像窗口對象一樣添加別的sizer到父sizer。
6. 調用容器的SetSizer(sizer)方法。

最常用的wxPython的sizer：

• wx.BoxSizer：在一條線上布局子窗口部件。wx.BoxSizer的布局方向可以是水平或堅直的，並且可以在水平或堅直方向上包含子sizer以創建復雜的布局。在項目被添加時傳遞給sizer的參數控制子窗口部件如何根據box的主體或垂直軸線作相應的尺寸調整。
• wx.FlexGridSizer：一個固定的二維網格，它與wx.GridSizer的區別是，行和列根據所在行或列的最大元素分別被設置。
• wx.GridSizer：一個固定的二維網格，其中的每個元素都有相同的尺寸。當創建一個grid sizer時，你要么固定行的數量，要么固定列的數量。項目被從左到右的添加，直到一行被填滿，然后從下一行開始。
• wx.GridBagSizer：一個固定的二維網格，基於wx.FlexGridSizer。允許項目被放置在網格上的特定點，也允許項目跨越多和網格區域。
• wx.StaticBoxSizer：等同於wx.BoxSizer，只是在box周圍多了一個附加的邊框（有一個可選的標簽）。

wx.Sizer的方法：

• Add(size, proportion=0,flag=0, border=0,userData=None)：第一個添加一個wxWindow，第二個添加一個嵌套的sizer，第三個添加空的空間，用作分隔符。參數proportion管理窗口總尺寸，它是相對於別的窗口的改變而言的，它只對wx.BoxSizer有意義。參數flag是一個位圖，針對對齊、邊框位置，增長有許多不同的標志。參數border是窗口或sizer周圍以像素為單位的空間總量。userData使你能夠將對象與數據關聯，例如，在一個子類中，可能需要更多的用於尺寸的信息。
• Fit(window)
• FitInside(window )：調整window尺寸以匹配sizer認為所需要的最小化尺寸。這個參數的值通常是使用sizer的窗口。FitInside()是一個類似的方法，只不過將改變窗口在屏幕上的顯示替換為只改變它的內部實現。它用於scroll panel中的窗口以觸發滾動欄的顯示。
• GetSize()：以wx.Size對象的形式返回sizer的尺寸。
• GetPosition()：以wx.Point對象的形式返回sizer的位置。
• GetMinSize()：以wx.Size對象的形式返回完全填充sizer所需的最小尺寸。
• Layout()：強迫sizer去重新計算它的孩子的尺寸和位置。在動態地添加或刪除了一個孩子之后調用。
• Prepend(...)：與Add()相同（只是為了布局的目的，把新的對象放在sizer列表的開頭）。
• Remove(window)
• Remove(sizer)
• Remove(nth)：從sizer中刪除一個對象。
• SetDimension(x, y, width,height)：強迫sizer按照給定的參數重新定位它的所有孩子。