wxpython: centering buttons with sizer

[dazzler]

Maybe the topic should be how to put background colors to sizers, but anyway...
could anyone please help me, I need to have "background color for buttons", like in example blue & red, and then using sizers to center buttons... this task would be so easier if only I could set background color for boxsizer =p

so please try to center these buttons with sizers without removing red&blue background

import wx
 
class MyFrame(wx.Frame):
   def __init__(self):
      wx.Frame.__init__(self, None, id=-1, size=(300,150))
 
      frame_panel = wx.Panel(self, -1)
 
      button1_panel = wx.Panel(frame_panel, -1) #panel for button1
      button1_panel.SetBackgroundColour('BLUE')
 
      button2_panel = wx.Panel(frame_panel, -1) #panel for button2
      button2_panel.SetBackgroundColour('RED')
 
      button1 = wx.Button(button1_panel, id=-1, label="button1", size=(80,20))
      button2 = wx.Button(button2_panel, id=-1, label="button2", size=(80,20))
 
      button1_sizer = wx.BoxSizer(wx.HORIZONTAL)     #add button1 to sizer
      button1_sizer.Add(button1, 0, wx.ALIGN_CENTER)
      button2_sizer = wx.BoxSizer(wx.HORIZONTAL)     #add button2 to sizer
      button2_sizer.Add(button1, 0, wx.ALIGN_CENTER)
 
      button1_panel.SetSizer(button1_sizer)          #set sizers for panel
      button2_panel.SetSizer(button2_sizer)
 
      hbox = wx.BoxSizer(wx.HORIZONTAL)              #add panels to "main sizer"
      hbox.Add(button1_panel, 1, wx.EXPAND|wx.ALIGN_CENTER_HORIZONTAL)
      hbox.Add(button2_panel, 1, wx.EXPAND|wx.ALIGN_CENTER_HORIZONTAL)
 
      frame_panel.SetAutoLayout(True)
      frame_panel.SetSizer(hbox)
      frame_panel.Layout()
 
app = wx.PySimpleApp()
MyFrame().Show()
app.MainLoop()
 
 

If you want to start from "beginning" , here's the code without background colors, just insert here those colors like in first example (and use sizers)

#!/usr/bin/env python
# -*- coding: UTF-8 -*-
 
import wx
 
class MyFrame(wx.Frame):
   def __init__(self):
      wx.Frame.__init__(self, None, id=-1, size=(300,150))
 
      frame_panel = wx.Panel(self, -1)
 
      button1 = wx.Button(frame_panel, id=-1, label="button1", size=(80,20))
      button2 = wx.Button(frame_panel, id=-1, label="button2", size=(80,20))
 
      hbox = wx.BoxSizer(wx.HORIZONTAL)
      hbox.Add(button1, 1, wx.ALIGN_CENTER|wx.ALL, 25)
      hbox.Add(button2, 1, wx.ALIGN_CENTER|wx.ALL, 25)
 
      frame_panel.SetAutoLayout(True)
      frame_panel.SetSizer(hbox)
      frame_panel.Layout()
 
app = wx.PySimpleApp()
MyFrame().Show()
app.MainLoop()
 

[DevPlayer]

I noticed you have the sizer set on the panel named frame_panel. What if the frame had two panels, frame_panel_1 and frame_panel_2, each panel with one button?