Question

我在wxPython中管理布局时遇到问题。在这个程序中，我有两个布局的两个按钮。但无论我做什么，我都无法改变这些按钮的位置或对齐方式。这些按钮固定为蓝色和黄色布局。

我的代码是这样的：

import wx
class myframe(wx.Frame):
    def __init__(self):
        wx.Frame.__init__(self, None, size=(1000,700))

        self.TitlePanel = wx.Panel(self, size=(350, 400))
        self.TitlePanel.SetBackgroundColour("green")

        self.newPanel = wx.Panel(self, size=(300, 250))
        self.newPanel.SetBackgroundColour("black")
        self.newPanel.Hide()

        self.imgPanel = wx.Panel(self, size=(300, 250))
        self.imgPanel.SetBackgroundColour("red")

        self.modulePanel=wx.Panel(self, size=(350, 250))
        self.modulePanel.SetBackgroundColour("blue")

        self.TCPanel=wx.Panel(self, size=(300, 250))
        self.TCPanel.SetBackgroundColour("yellow")

        self.myGridSizer = wx.GridBagSizer(1,1)
        self.myGridSizer.SetEmptyCellSize((0, 0))
        self.myGridSizer.Add(self.TitlePanel, pos=(0, 0), span=(4,8), flag=wx.EXPAND)
        self.myGridSizer.Add(self.imgPanel, pos=(0, 10), span=(4,8), flag=wx.EXPAND)
        self.myGridSizer.Add(self.modulePanel, pos=(10, 0), span=(4,8), flag=wx.EXPAND)
        self.myGridSizer.Add(self.TCPanel, pos=(10, 10), span=(4,8), flag=wx.EXPAND)
    ############################# Add Text to 1st Panel #########################################
        self.text1 = wx.StaticText(self.TitlePanel, label="This is a test run",style=wx.ALIGN_LEFT,size=(300,-1))
        font = wx.Font(18, wx.DECORATIVE, wx.ITALIC,wx.BOLD, wx.NORMAL)
        self.text1.SetFont(font)
        self.titleSizer = wx.BoxSizer()
        self.titleSizer.Add(self.text1, flag=wx.CENTER|wx.LEFT|wx.ALIGN_RIGHT,border=10)
        self.TitlePanel.SetSizer(self.titleSizer)
    #########################################################################################
    ############################### Add Buttons in 3rd Panel ################################
        self.moduleSizer = wx.BoxSizer()
        self.button1 = wx.Button(self.modulePanel, label="Show Yellow Panel",size=(200,-1),style=wx.ALIGN_RIGHT)    
        self.moduleSizer.Add(self.button1, flag=wx.CENTER|wx.EXPAND|wx.ALIGN_RIGHT,border=10)
    #########################################################################################
        self.TCSizer=wx.BoxSizer()
        self.button2 = wx.Button(self.TCPanel, label="Bring Black Panel",size=(200,-1)) 
        self.TCSizer.Add(self.button2, flag=wx.CENTER|wx.RIGHT|wx.ALIGN_RIGHT,border=10)
    #########################################################################################
        self.SetSizer(self.myGridSizer)

        self.text1.Bind(wx.EVT_LEFT_DCLICK, self.hideMe)
        self.button1.Bind(wx.EVT_BUTTON, self.showMe)
        self.button2.Bind(wx.EVT_BUTTON, self.hideMe)

    def hideMe(self, event):
        self.TCPanel.Hide()
        self.myGridSizer.Replace(self.TCPanel, self.newPanel)
        self.newPanel.Show()
        self.Layout()

    def showMe(self, event):
        self.newPanel.Hide()
        self.myGridSizer.Replace(self.newPanel, self.TCPanel)
        self.TCPanel.Show()
        self.Layout()

if __name__ == "__main__":
    app = wx.App()
    region = myframe()
    region.Show()
    app.MainLoop()

现在，如果我可以将按钮放在布局的右侧，这将是好的。是否有任何好的教程。请建议。

我想做什么：

蓝色面板上的按钮应位于蓝色面板的中间
黄色面板上的按钮将缩小我想要的像素。如果我希望留下20像素的间隙，则按钮将放在黄色面板中的20像素之后。

如果可以，那将是一个很大的帮助。

Explanation of the layout

Answer 1

要将此按钮定位在中心，只需使用标志wx.CENTER。您还需要将此sizer设置为panel sizer。

self.moduleSizer = wx.BoxSizer(wx.VERTICAL)
self.button1 = wx.Button(self.modulePanel, label="Show Yellow Panel",
                         size=(200, -1))
self.moduleSizer.Add(self.button1, flag=wx.CENTER)
self.modulePanel.SetSizer(self.moduleSizer)

要将此按钮放在左侧，缩进为20，请使用标志wx.Left并将边框设置为20。如上所述，您还需要将此sizer设置为其面板。

self.TCSizer = wx.BoxSizer(wx.VERTICAL)
self.button2 = wx.Button(self.TCPanel, label="Bring Black Panel",
                         size=(200, -1))
self.TCSizer.Add(self.button2, flag=wx.LEFT, border=20)
self.TCPanel.SetSizer(self.TCSizer)

在 init 方法调用结束时。

self.Layout()

让sizer更新自己。

使用wxPython进行布局管理

1 个答案: