如何在wxPython中动态定位元素？官方文档未找到对应方案

Hey there! The issue with your current code is that you're using fixed pos and size values for your elements—these will stay stuck in place even when the user resizes the window. For dynamic positioning (where elements adjust automatically with window size changes), wxPython's sizers are the way to go. They're the framework's built-in layout managers that handle all the heavy lifting for responsive UIs.

Why Avoid Fixed Positions? #

Hardcoding positions like pos=(2,30) works for static windows, but as soon as someone resizes the window, your labels/buttons will stay in their original spots, leading to a broken, unprofessional layout. Sizers solve this by defining rules for how elements should stretch, align, and space themselves relative to each other and the window.

Let's Rewrite Your Code with Sizers #

We'll use wx.BoxSizer (one of the most common sizers) to create a vertical layout, and adjust your elements to fit:

import wx
import sys

app = wx.App()

def quitProgram(*args):
    sys.exit()

def restart(*args):
    app.MainLoop()

# Initial window size (can be overridden by sizer min size if needed)
xSize = 500
ySize = 300
window = wx.Frame(None, title="My GUI", size=(xSize, ySize))
panel = wx.Panel(window)

# Create a vertical BoxSizer - elements stack top-to-bottom
main_sizer = wx.BoxSizer(wx.VERTICAL)

# Exit Button: Add to sizer with spacing and alignment rules
exit_btn = wx.Button(panel, label="Exit")
exit_btn.Bind(wx.EVT_BUTTON, quitProgram)
# Parameters: widget, proportion (0 = no vertical stretch), flags (alignment + margins), border size
main_sizer.Add(exit_btn, proportion=0, flag=wx.LEFT | wx.TOP | wx.ALIGN_LEFT, border=10)

# Generic Label: Add below the button with top margin
label_left = wx.StaticText(panel, label='some text')
main_sizer.Add(label_left, proportion=0, flag=wx.LEFT | wx.TOP, border=10)

# Attach the sizer to the panel so it controls layout
panel.SetSizer(main_sizer)

# Enable auto-layout so the panel resizes with the window
window.SetAutoLayout(True)
window.Layout()

window.Show()
app.MainLoop()

Key Sizer Parameters Explained #

• proportion: When using a vertical sizer, proportion=0 means the element won't stretch vertically. Use proportion=1 if you want a widget to take up remaining space (great for text controls or panels).
• flag: Combines alignment rules (like wx.ALIGN_LEFT, wx.ALIGN_CENTER) and margin controls (wx.LEFT, wx.TOP, wx.ALL for all sides).
• border: The number of pixels of spacing around the widget.

For More Complex Layouts #

You can nest sizers! For example, if you want a row of buttons next to each other, create a horizontal wx.BoxSizer, add the buttons to it, then add that horizontal sizer to your main vertical sizer.

Manual Dynamic Positioning (Not Recommended) #

If you absolutely need to calculate positions manually (this is error-prone), you can bind to the wx.EVT_SIZE event and update positions/sizes in a handler:

def on_resize(event):
    # Get the new window dimensions
    new_width, new_height = event.GetSize()
    
    # Reposition the label to 10px left, 30% down the window
    label_left.SetPosition((10, int(new_height * 0.3)))
    # Resize the exit button to a fixed width, auto height
    exit_btn.SetSize((80, -1))
    
    # Let the default resize handling run
    event.Skip()

# Bind the resize event to the panel
panel.Bind(wx.EVT_SIZE, on_resize)

But again, sizers are the standard, maintainable approach for wxPython layouts. They'll save you from having to handle all the edge cases of window resizing manually.

内容的提问来源于stack exchange，提问作者dhyman