如何使用wxPython布置3窗格窗口? [英] How do I layout a 3 pane window using wxPython?
问题描述
我试图找到一种使用wxPython布局3窗格窗口的简单方法.
I am trying to find a simple way to layout a 3 pane window using wxPython.
我想在左窗格中有一个树形列表,然后在右窗格中将其分成两部分-顶部是一个编辑组件,而底部是一个网格组件.
I want to have a tree list in the left pane, then have a right pane that is split into two - with an edit component in the top part and a grid component in the bottom part.
类似的东西:
--------------------------------------
| | |
| | Edit |
| Tree | Control |
| Control | |
| |----------------------|
| | |
| | Grid |
| | |
--------------------------------------
我希望窗口可以调整大小,并让用户能够通过拖动边框来更改窗口中每个组件的(相对)大小.
I would like the window to be re-sizable and give the user the ability to change the (relative) size of each of the components within the windows by dragging the borders.
我认为我需要一些组合器和/或分离器窗口组件,但是在文档或网络中找不到这种窗口的合适示例.
I figure that I need some combination of sizers and/or splitter-window components but can't find a decent example of this kind of window in the documentation or on the web.
推荐答案
首先下载 wxGlade wxPython的gui生成器(替代 XRCed ,我更喜欢wxGlade).
First of all download wxGlade a gui builder for wxPython (alternative XRCed, i prefere wxGlade).
然后,您必须确定是否要使用 GridSizer 或分割器,您就完成了.在下面找到两者(在Tree和右侧之间是GridSizer->自动调整大小).在Edit和GridCtrl之间是一个Sizer(手动调整大小).
Then you have to decide if you want to use a GridSizer or a Splitter and you are done. Below you find both (between Tree and right side is a GridSizer -> resizes automatically). Between Edit and GridCtrl is a Sizer (manual Resize).
关于.
一分钟的工作而无需输入任何代码:
one minute work without entering a single line of code:
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# generated by wxGlade 0.6.3 on Sat Feb 07 10:02:31 2009
import wx
import wx.grid
# begin wxGlade: extracode
# end wxGlade
class MyDialog(wx.Dialog):
def __init__(self, *args, **kwds):
# begin wxGlade: MyDialog.__init__
kwds["style"] = wx.DEFAULT_DIALOG_STYLE|wx.RESIZE_BORDER|wx.THICK_FRAME
wx.Dialog.__init__(self, *args, **kwds)
self.window_1 = wx.SplitterWindow(self, -1, style=wx.SP_3D|wx.SP_BORDER)
self.tree_ctrl_1 = wx.TreeCtrl(self, -1, style=wx.TR_HAS_BUTTONS|wx.TR_LINES_AT_ROOT|wx.TR_DEFAULT_STYLE|wx.SUNKEN_BORDER)
self.text_ctrl_1 = wx.TextCtrl(self.window_1, -1, "This is the Edit", style=wx.TE_MULTILINE)
self.grid_1 = wx.grid.Grid(self.window_1, -1, size=(1, 1))
self.__set_properties()
self.__do_layout()
# end wxGlade
def __set_properties(self):
# begin wxGlade: MyDialog.__set_properties
self.SetTitle("dialog_1")
self.grid_1.CreateGrid(10, 3)
# end wxGlade
def __do_layout(self):
# begin wxGlade: MyDialog.__do_layout
grid_sizer_1 = wx.FlexGridSizer(1, 2, 3, 3)
grid_sizer_1.Add(self.tree_ctrl_1, 1, wx.EXPAND, 0)
self.window_1.SplitHorizontally(self.text_ctrl_1, self.grid_1)
grid_sizer_1.Add(self.window_1, 1, wx.EXPAND, 0)
self.SetSizer(grid_sizer_1)
grid_sizer_1.Fit(self)
grid_sizer_1.AddGrowableRow(0)
grid_sizer_1.AddGrowableCol(0)
grid_sizer_1.AddGrowableCol(1)
self.Layout()
# end wxGlade
# end of class MyDialog
class MyApp(wx.App):
def OnInit(self):
wx.InitAllImageHandlers()
mainDlg = MyDialog(None, -1, "")
self.SetTopWindow(mainDlg)
mainDlg.Show()
return 1
# end of class MyApp
if __name__ == "__main__":
app = MyApp(0)
app.MainLoop()
这篇关于如何使用wxPython布置3窗格窗口?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!