使用wxPython进行布局管理

Question

This new question is build on this

我在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()

现在如果我能把按钮放在布局的右边，那就好了。 有什么好的教程吗。请提出建议。在

我想做什么：

1. 蓝色面板上的按钮应位于蓝色面板的中间

2. 从黄色面板的按钮将有我想要的像素缩进。如果我想留下一个20像素的差距，然后按钮将被放置在黄色面板20像素之后。

如果这是可能的，那将是一个很大的帮助。在

Answer 1

1. 要将此按钮置于中心位置，只需使用旗子wx.中心. 您还需要将此sizer设置为panels 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)
   

2. 要使此按钮位于左侧缩进20，请使用标志wx.左把边界设为20。 如上所述，您还需要将此尺寸调整器设置为其面板。在

   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()

让尺寸师自己更新。在