Question

Am having a bit of challenge in laying out my form using sizers in wxPython, i would appreciate if someone would give me head start in laying out my form as shown in the image.

Please share the sources.

Thanks

Answer 1

I would not mess with sizers manually when designing a complex gui. Just, please, use wxglade and customize manually afterwards.

It took 15 minutes to do this, mistakes included (I did not filled the list control, sorry):

This is the process I followed:

1) Add a Frame widget, select a wx.Frame.  

2) Customize wx.Frame properties:  
     Give the Frame a MenuBar (the property dialog for the menubar appears).  
     Customize MenuBar: Add File, Edit...  
     Go back to the Frame properties' View (click the Frame icon on the wxglade Tree View).  
     (not nice but it's the way I found to go in and out from Menu and StatusBar dialogs).  
     Give the wx.Frame a StatusBar. Go back (click the Frame icon in the wxglade Tree View).  

3) Create 3 vertical slots from the default BoxSizer (right-click on the sizer + add * 3)
      1st slot: 
          Add a BoxSizer with 5 horizontal slots
          Set proportion=0 to the sizer, set border=5 and mark wxALL
          Add 4 Buttons and a Spacer in those slots
          Mark EXPAND and set proportion=1 in the Spacer properties.

      2nd slot:
          Add a SplitterWindow. Select Vertical type.
          Optionally set border=5 with wxALL
          Add a BoxSizer to each section of the SplitterWindow
          At its left, add a ListCtrl
          At its right, add a NoteBook
          Customize NoteBook:
              Add 4 sheets.
              Add BoxSizer with 2 vertical slots to first notebook sheet.
                  1st slot: insert a wx.Panel.
                  2nd slot: add a BoxSizer with 3 horizontal slots.
                      Set proportion=0 to the sizer.
                      Add 2 buttons and 1 Spacer in those slots.
                      Mark EXPAND and set proportion=1 in the Spacer properties.

      3rd slot:
          Add a BoxSizer with 5 horizontal slots.
          Set proportion=0 to the sizer, set border=5 with wxALL
          Add 2 Buttons, 1 Spacer and 2 Buttons more.
          Mark EXPAND and set proportion=1 in the Spacer properties.

4) Give background colour to the Frame.
  (Choose wisely, you still have 5 minutes left of the 15 allotted).

And finally, customize labels, sizer and widget names, etc.
Save the wxGlade file for future changes and produce the Python file (In the top Application dialog).
Trick: Do not modify the generated file, instead import and subclass your Frame in another file to code its functionality.

One last note: In my experience there are some differences in Linux and Windows with sizers and backgrounds. In Linux, do not use the default Frame’s BoxSizer as indicated in step 3. Instead add an wx.Panel on it, add a BoxSizer to the Panel and continue building from this sizer.