Виджеты wxPython один над другим

Question

Я собираюсь создать графический интерфейс wxpython.

Когда я запускаю код, все компоненты находятся в левом верхнем углу друг над другом. Когда я изменяю размер окна, они выравниваются, как и планировалось.

The window before resize

The window after resize

Как я могу это исправить?

мой код:

class Screen(wx.Frame): 
def __init__(self, parent, title): 
    wx.Frame.__init__(self, parent, title=title, size=(900,500)) 

    self.SetBackgroundColour("#E4F1FE") 
    self.Show(True) 

    self.InitUI() 

def InitUI(self): 

    pnlMain = wx.Panel(self, size=(900,500)) 

    # Setup Font 
    font = wx.SystemSettings_GetFont(wx.SYS_SYSTEM_FONT) 
    font.SetPointSize(9) 

    # Setup horizontal box sizer 
    self.bsMain = wx.BoxSizer(wx.HORIZONTAL) 
    self.bsMain.SetDimension(0,0,900,500) 

    # Setup LEFT box sizer 
    self.bsLeft = wx.BoxSizer(wx.VERTICAL) 
    self.bsLeft.SetMinSize((3*(self.GetSize()[0]/4),self.GetSize()[1])) 

    # Make add button 
    btnAdd = wx.Button(pnlMain, label="+", size=(50,50)) 

    # Add all the components to the LEFT sizer 
    self.bsLeft.Add(btnAdd, flag = wx.ALIGN_BOTTOM | wx.ALIGN_LEFT) 

    # Setup RIGHT bsMain sizer 
    self.bsRight = wx.BoxSizer(wx.VERTICAL) 
    self.bsRight.SetMinSize((self.GetSize()[0]/4,self.GetSize()[1])) 

    # Make users headline 
    stUsers = wx.StaticText(pnlMain, label="USERS") 
    stUsers.SetFont(font) 

    # Make users list control 
    lcUsers = wx.ListCtrl(pnlMain,style=wx.LC_REPORT|wx.SUNKEN_BORDER) 
    lcUsers.Show(True) 
    lcUsers.InsertColumn(0,"user") 
    lcUsers.InsertColumn(1,"status") 

    # Add all the components to the RIGHT sizer 
    self.bsRight.Add((-1,10)) 
    self.bsRight.Add(stUsers, flag=wx.LEFT | wx.EXPAND | wx.ALIGN_CENTER | wx.ALIGN_CENTRE, border=5) 
    self.bsRight.Add((-1,10)) 
    self.bsRight.Add(lcUsers, flag=wx.EXPAND) 


    # Add the vertical sizers to the horizontal sizer 
    self.bsMain.Add(self.bsLeft) 
    self.bsMain.Add(self.bsRight) 

    # Add the vertical sizer to the panel 
    pnlMain.SetSizer(self.bsMain) 

Answer 1

Это общая проблема для новых программистов WxPython. Решение почти всегда является вызовом метода Layout верхнего уровня. Иногда вам нужно будет вызвать родителя верхнего уровня Layout. В вашем случае либо будет работать. Вы можете добавить:

pnlMain.Layout() 

или

self.bsMain.Layout() 

на дно InitUI метода и это должно заставить виджеты перерисовывать в их правильных местах. Я видел, как некоторые виджеты ведут себя плохо, потому что они начинают с нулевого размера, пока их не покажут. В таких случаях мне обычно нужно было использовать wx.CallAfter для звонка Layout. Во всяком случае, вот полный пример использования кода:

import wx 

class Screen(wx.Frame): 
    def __init__(self, parent, title): 
     wx.Frame.__init__(self, parent, title=title, size=(900,500)) 

     self.SetBackgroundColour("#E4F1FE") 
     self.Show(True) 

     self.InitUI() 

    def InitUI(self): 

     pnlMain = wx.Panel(self, size=(900,500)) 

     # Setup Font 
     font = wx.SystemSettings_GetFont(wx.SYS_SYSTEM_FONT) 
     font.SetPointSize(9) 

     # Setup horizontal box sizer 
     self.bsMain = wx.BoxSizer(wx.HORIZONTAL) 
     self.bsMain.SetDimension(0,0,900,500) 

     # Setup LEFT box sizer 
     self.bsLeft = wx.BoxSizer(wx.VERTICAL) 
     self.bsLeft.SetMinSize((3*(self.GetSize()[0]/4),self.GetSize()[1])) 

     # Make add button 
     btnAdd = wx.Button(pnlMain, label="+", size=(50,50)) 

     # Add all the components to the LEFT sizer 
     self.bsLeft.Add(btnAdd, flag = wx.ALIGN_BOTTOM | wx.ALIGN_LEFT) 

     # Setup RIGHT bsMain sizer 
     self.bsRight = wx.BoxSizer(wx.VERTICAL) 
     self.bsRight.SetMinSize((self.GetSize()[0]/4,self.GetSize()[1])) 

     # Make users headline 
     stUsers = wx.StaticText(pnlMain, label="USERS") 
     stUsers.SetFont(font) 

     # Make users list control 
     lcUsers = wx.ListCtrl(pnlMain,style=wx.LC_REPORT|wx.SUNKEN_BORDER) 
     lcUsers.Show(True) 
     lcUsers.InsertColumn(0,"user") 
     lcUsers.InsertColumn(1,"status") 

     # Add all the components to the RIGHT sizer 
     self.bsRight.Add((-1,10)) 
     self.bsRight.Add(stUsers, flag=wx.LEFT | wx.EXPAND | wx.ALIGN_CENTER | wx.ALIGN_CENTRE, border=5) 
     self.bsRight.Add((-1,10)) 
     self.bsRight.Add(lcUsers, flag=wx.EXPAND) 


     # Add the vertical sizers to the horizontal sizer 
     self.bsMain.Add(self.bsLeft) 
     self.bsMain.Add(self.bsRight) 

     # Add the vertical sizer to the panel 
     pnlMain.SetSizer(self.bsMain) 
     self.bsMain.Layout() 

if __name__ == '__main__': 
    app = wx.App(False) 
    frame = Screen(None, 'Layout') 
    app.MainLoop() 

Примечание: Я редко необходимо позвонить Refresh. Я думаю, Layout делает это автоматически.