适合这份工作的wx.Sizer?

时间:2010-03-30 16:46:19

标签: wxpython wxwidgets sizer

我有一个空间,我希望每个元素(在这里由A,B,D和G表示)都位于设计的“角落”中。角落应该排成一行,好像四个元素中的每一个都击退了另一个元素;一个矩形。这将包含在一个不可调整的面板中。我将有几个类似的面板,并希望保持元素的位置尽可能相同。 (我需要一些比wx.Wizard更复杂的东西,但有相同的一般想法。)

AAAAAAAAAA      BB


CCCCCCCCCCCCCCCCCC
CCCCCCCCCCCCCCCCCC
CCCCCCCCCCCCCCCC
CCCCCCCCCCCCCC
CCCCCCCCCCCCCCCCCC
CCCCCCCCCCCCCCCC
CCCCCCCCCCCCCCCCCC


DDD EEE FFF    GGG

A代表大字体的文字。

B表示小字体的数字进度表(例如“1 of 7”)。

C代表一大块文字。

D,E,F和G是按钮。

G按钮与其他按钮分开以实现功能。

我试图嵌套wx.BoxSizers(一个垂直框内的水平框)没有运气。我对wx.BoxSizer的第一个问题是我最后一行的.SetMinSize没有兑现。第二个问题是,我不知道如何使G按钮“占用空间”而不会变得太大,或者我如何将它卡在右边缘和底边缘上。

我曾尝试使用wx.GridBagSizer,但遇到了完全不同的问题。

经过各种在线教程和 wxPython in Action 之后,我有点沮丧。相关论坛似乎每两周会看一次活动。 “玩弄它”让我无处可去;我觉得好像我正试图在铺好地毯的地方找到一个驼峰。

3 个答案:

答案 0 :(得分:3)

使用BoxSizer和一些标志,如wx.EXPAND和wx.ALIGN_RIGHT等,你可以得到你想要的。这是一个例子

import wx
import string
AF = string.ascii_uppercase[:7]

class MyFrame(wx.Frame):

    def __init__(self):
        wx.Frame.__init__(self, None, size=(300,300))

        a, b, c, d, e, f, g = [wx.Button(self, -1, 4*c) for c in AF]
        a.SetMaxSize((200,100))   # 'a' won't get bigger than 200 wide

        # build the top row (with sizers I usually work from inside to out)
        hs0 = wx.BoxSizer(wx.HORIZONTAL)
        hs0.Add(a, 1, wx.ALIGN_LEFT)  # 1 here means expand with weight 1
        hs0.Add((0,0), 1)  # also expand the spacing
        hs0.Add(b, 0, wx.ALIGN_RIGHT)  # 0 means don't expand this

        # build the bottom row
        hs1 = wx.BoxSizer(wx.HORIZONTAL)
        hs1.Add(d, 0, wx.ALIGN_LEFT)
        hs1.Add((10,10), 0)
        hs1.Add(e, 0)
        hs1.Add((10,10), 0)
        hs1.Add(f, 0)
        hs1.Add((10, 10), 1)
        hs1.Add(g, 0, wx.ALIGN_RIGHT)

        # stack the rows vertically
        vs = wx.BoxSizer(wx.VERTICAL)
        vs.Add(hs0, flag=wx.EXPAND)   # expand in the orthogonal direction to sizer (here horizontal)
        vs.Add(c, 1, flag=wx.EXPAND)  
        vs.Add(hs1, flag=wx.EXPAND)
        self.SetSizer(vs)

app = wx.PySimpleApp()
frame = MyFrame()
frame.Show(1)
app.MainLoop()

alt text http://i41.tinypic.com/14vl7jd.png

答案 1 :(得分:1)

首先,您需要一个垂直分级器将窗口分成3行:AB,C和& DEFG:

frame_sizer = wx.BoxSizer(wx.VERTICAL)

接下来,您需要第一行的水平sizer:

first_sizer = wx.BoxSizer(wx.HORIZONTAL)
# add the items A and B to first_sizer
# now we add first_sizer to frame_sizer
frame_sizer.Add(first_sizer)

然后,对于第二行,我们只需将C控件添加到sizer:

frame_sizer.Add(C)

......确保以下内容:

  • 使用指定的大小(通过其构造函数)
  • 创建控件
  • 控件的最小尺寸(C.SetMinSize()

现在,对于最后一行,最好的选择是使用另一个水平分级器。

wx.BoxSizer(wx.HORIZONTAL)
# add DEF
# now add some space between them
wx.AddSizer(10)
# now add G

希望这适合你。如果没有,最好的办法是在Code :: Blocks中使用像wxSmith这样的GUI设计器(它是专为C ++设计的,但至少可以用来了解事物的外观 - wxPython应该有1到1 -1与wxWidgets的对应关系)

答案 2 :(得分:0)

我只有一帧。我在框架中内置了几个面板。他们都是隐藏的但是一个。 “Next”按钮在该面板上执行.Hide(),然后调用名为.ShowYourself的函数。我想要一些类似向导的东西,你可以在previous question

中看到

我试图在面板上放置一个sizer。从picture http://tinypic.com/r/14nh651/5可以看出,我无法让sizer占据整个面板。图片未在预览时显示,因此位于http://tinypic.com/r/14nh651/5

import wx
import sys

class MyApp(
    wx.App      # This makes a subclass of the wx.App class

):

def OnInit(self):
    # image = wx.Image('wxPython.jpg', wx.BITMAP_TYPE_JPEG)
    self.frame = MyFrame(None)
    self.frame.Show()
    self.SetTopWindow(self.frame)
    return True

def OnExit(self):
    print 'Dying ...'

####################################################################################################

class MyFrame(
    wx.Frame    # This makes a subclass of the wx.Frame class
    ):
    """Frame class that displays an image."""

    def __init__(self, 
        image, 
        parent=None,                # "None" as a parameter means this is a top-level window
        id=-1,                  # "-1" means automatically generate a new ID
        title='Generic Title',          # What words appear in the title bar?
        pos=wx.DefaultPosition,         # Where is the upper left-hand corner?
        style=wx.CAPTION | wx.STAY_ON_TOP   # Style with only a caption
        ):      

    """Create a wx.Frame instance and display image."""

    size = (500, 500)
    wx.Frame.__init__(self, parent, id, 'Program Title', pos, size, style)

    sizer_h = wx.BoxSizer(wx.HORIZONTAL)

    self.panelX = TestLayout3(self)     
    sizer_h.Add(self.panelX)

    self.SetSizer(sizer_h)

    self.panelX.ShowYourself()

def ShutDown(self):

        self.Destroy()

####################################################################################################

class TestLayout3(wx.Panel):

# 0 - Splash screen with "Next" and "Cancel and Exit" buttons

def __init__(self, parent, id=-1):
    size = (600, 600)
    wx.Panel.__init__(self, parent, id, size)

    a, b, c, d, e, f, g = [wx.Button(self, -1, 4*c) for c in 'ABCDEFG']
    a.SetMaxSize((200,100))   # 'a' won't get bigger than 200 wide

    # build the top row (with sizers I usually work from inside to out)
    hs0 = wx.BoxSizer(wx.HORIZONTAL)
    hs0.Add(a, 1, wx.ALIGN_LEFT)  # 1 here means expand with weight 1
    hs0.Add((0,0), 1)  # also expand the spacing
    hs0.Add(b, 0, wx.ALIGN_RIGHT)  # 0 means don't expand this

    # build the bottom row
    hs2 = wx.BoxSizer(wx.HORIZONTAL)
    hs2.Add(d, 0, wx.ALIGN_LEFT)
    hs2.Add((10,10), 0)
    hs2.Add(e, 0)
    hs2.Add((10,10), 0)
    hs2.Add(f, 0)
    hs2.Add((10, 10), 1)
    hs2.Add(g, 0, wx.ALIGN_RIGHT)

    # stack the rows vertically
    vs = wx.BoxSizer(wx.VERTICAL)
    vs.Add(hs0, flag=wx.EXPAND)   # expand in the orthogonal direction to sizer (here horizontal)
    vs.Add(c, 1, flag=wx.EXPAND)  
    vs.Add(hs2, flag=wx.EXPAND)
    self.SetSizer(vs)

    self.Raise()
    self.SetPosition((0,0))
    self.Fit()  
    self.Hide()


# reveal this panel
def ShowYourself(self):
    self.Raise()
    self.SetPosition((0,0))
    self.Fit()
    self.Show()


# what do we do when the "Back" button is clicked?
def OnBack(self, event):
    self.Hide()
    self.GetParent().panel1.ShowYourself()

# what do we do when the "Next" button is clicked?
def OnNext(self, event):
    self.Hide()
    self.GetParent().panel1.ShowYourself()

    ![# what do we do when the "Cancel and Exit" button is clicked?
    def OnCancelAndExit(self, event):
        self.GetParent().ShutDown()

####################################################################################################

def main():
    app = MyApp(redirect = False)
    app.MainLoop()

####################################################################################################

if __name__ == '__main__':
    main()][3]