我正在尝试在Python的WX表单构建器中设计一个仪表板。我无法弄清楚如何保持两个水平尺寸调整器,它们是垂直尺寸控制器的儿童,彼此之间相距甚远。下面是一个描述我所指的内容的屏幕截图:
蓝色箭头表示我希望文本框控件和标签向上靠近第一个标签。
我的第一直觉是与wx.EXPAND等标志有关但是,我无法以使sizer彼此靠近的方式改变它们。这几乎就像我每次放置一个sizer一样,它会自动尝试在整个窗口中放置所有内容......这使得很难将项目放在表单上的精确位置。 有关如何阻止sizer扩展到整个框架窗口大小的任何建议吗?
我的下一步行动是尝试使用gridsizer或flex grid sizer但是,我只是通过直接代码使用它们,您可以在网格中选择要添加小部件的确切位置或宾语。使用表单构建器,我发现它们更难以使用,主要是因为我无法在网格大小调整器中的某些索引处插入对象。它按顺序插入它们:
1,1 - > 1,2 - > 1,3 - > 1,i - > 2,1 - > 2,2 - > 2,3 - > 2,i - > J,I
这意味着如果我需要更改网格中的某些内容......这非常困难。 是否有一些我缺少的东西使得将对象插入网格更容易,而不是顺序?
以下是5x5网格大小调整器(未完全填充)的示例之一,其中我指定了水平和垂直间隙= 0:
除了能够用1,4的文本框替换按钮之外,我注意到即使我为垂直和水平间隙指定0,水平间隙也显然不为零。这也使得设计表单变得非常困难。 为什么按钮之间存在水平间隙?
答案 0 :(得分:3)
正如您所注意到的“东西”在使用sizer时会扩展以适应,如果使用不当,比例标记会对您的布局造成严重破坏。
玩这个简单的代码:
import wx
class Summary(wx.Frame):
def __init__(self):
wx.Frame.__init__(self, None, wx.ID_ANY, "Playing with Simple Sizers", size=(430,260))
self.panel = wx.Panel(self, wx.ID_ANY)
self.log = wx.TextCtrl(self.panel, wx.ID_ANY, value="input1:",size=(428,25))
self.log2 = wx.TextCtrl(self.panel, wx.ID_ANY, value="input2:", size=(428,25))
self.quit_button = wx.Button(self.panel, label="Quit",size=(60,25))
self.button1= wx.Button(self.panel, label="1",)
self.button2 = wx.Button(self.panel, label="2",size=(60,25))
self.button3 = wx.Button(self.panel, label="3",size=(60,25))
self.button4 = wx.Button(self.panel, label="4",size=(60,25))
self.quit_button.Bind(wx.EVT_BUTTON, self.OnQuit)
vbox = wx.BoxSizer(wx.VERTICAL)
hbox1 = wx.BoxSizer(wx.HORIZONTAL)
hbox2 = wx.BoxSizer(wx.HORIZONTAL)
hbox3 = wx.BoxSizer(wx.HORIZONTAL)
hbox4 = wx.BoxSizer(wx.HORIZONTAL)
vbox.Add(self.quit_button, 0, wx.ALL|wx.EXPAND, 1)
hbox1.Add(self.log, 0, wx.ALL|wx.EXPAND, 1)
hbox2.Add(self.log2, 0, wx.ALL|wx.EXPAND, 1)
hbox3.Add(self.button1, 1, wx.ALL|wx.EXPAND, 1)
hbox3.Add(self.button2, 2, wx.ALL|wx.EXPAND, 1)
hbox4.Add(self.button3, 0, wx.ALL|wx.EXPAND, 1)
hbox4.Add(self.button4, 1, wx.ALL|wx.EXPAND, 1)
vbox.Add(hbox1, 0, wx.ALIGN_RIGHT|wx.EXPAND, 1)
vbox.Add(hbox3, 0, wx.ALIGN_RIGHT|wx.EXPAND, 1)
vbox.Add(hbox4, 0, wx.ALIGN_RIGHT|wx.EXPAND, 1)
vbox.Add(hbox2, 0, wx.ALIGN_RIGHT|wx.EXPAND, 1)
self.panel.SetSizer(vbox)
self.Show()
def OnQuit(self, event):
self.Close()
# Run the program
if __name__ == "__main__":
app = wx.App()
frame = Summary()
app.MainLoop()
比例标志是添加到sizer中时的第二个参数
您将注意到按钮已设置为0,1和2,更改它们并查看按钮相对于彼此的情况并使用按钮的尺寸参数进行播放。
将self.log或self.log2上的比例标志更改为1,并观察该标志是否展开
最后使框架尺寸更宽并看到反应
Sizer一开始可能会非常令人沮丧,但一旦你“得到”它们,它们就是强大的工具。
答案 1 :(得分:1)
只需将sizer的proportion
0 (零)。如果比例大于0,布局引擎会尝试根据此值分配空间,否则会尽可能地减少空间,这就是您想要的。大多数时候我更喜欢比例为0。
我没有使用wx.GridSizer,但我经常使用wx.GridBagSizer
。您不必按顺序将小部件添加到wx.GridBagSizer,也不必为每个单元格添加小部件,它可以按预期工作。在wxformbuilder中向您的面板添加一个wx.GridBagSizer并将其添加到其中。您可以从row
下的对象属性更改窗口小部件的column
,gbsizeritem
,并在更改后进行相应的放置。
不幸的是,如果您更改窗口小部件的位置或添加新的位置,则必须更新行和列值,这是不可避免的。