仅带有垂直滚动条和 WrapSizer 的 ScrolledPanel

Question

我使用WrapSizer 来实现这样的自动布局（作为缩略图库）（参见左侧的屏幕截图）：

如果有两个很多元素，我希望在面板上添加一个（仅垂直）-ScrollBar（见右侧截图）。 如何使用 WrapSizer 将这样的垂直滚动条添加到面板？

---

我尝试混合使用WrapSizer 和ScrolledPanel，但无法获得所需的布局。

class MyPanel(scrolled.ScrolledPanel):
    def __init__(self, parent):
        scrolled.ScrolledPanel.__init__(self, parent)
        self.SetBackgroundColour('#f8f8f8')
        sizer = wx.WrapSizer()
        self.SetupScrolling()

        # add some widgets btn1, btn2, etc. in the WrapSizer
        sizer.Add(btn1, 0, wx.ALL, 10)
        sizer.Add(btn2, 0, wx.ALL, 10)

Answer 1

你好像忘了包含

self.SetSizer(sizer)

由于 WrapSizer 占用了整个帧，我认为这会起作用。此外，您可以使用

代替 SetupScrolling

self.SetScrollRate(horiz, vert)

指定滚动的增量（我认为以像素为单位），这应该可以工作。

不过，我现在无法在这里测试它，而且 WrapSizer 有点奇怪——它们有时很难确定合适的尺寸。您可能需要将它包装在一个 BoxSizer 中去另一个方向。

Answer 2

解决方案：

将滚动面板虚拟尺寸的宽度重置为可显示尺寸。

import wx
import wx.lib.scrolledpanel as scrolled

class MyPanel(scrolled.ScrolledPanel):
    def __init__(self, parent):
        scrolled.ScrolledPanel.__init__(self, parent, style=wx.VSCROLL)
        self.SetBackgroundColour('#f8f8f8')
        self.sizer = wx.WrapSizer()
        self.SetupScrolling(scroll_x = False)
        self.parent = parent

        self.addButton(self.sizer , 10)
        self.SetSizer(self.sizer )
        self.Bind(wx.EVT_SIZE, self.onSize)

    def onSize(self, evt):
        size = self.GetSize()
        vsize = self.GetVirtualSize()
        self.SetVirtualSize((size[0], vsize[1]))

        evt.Skip()

    def addButton(self, sizer, num):
        for i in range(1, num):
            btn =wx.Button( self, wx.ID_ANY, "btn"+str(i), wx.DefaultPosition, wx.DefaultSize, 0 )
            sizer.Add(btn, 0, wx.ALL, 10)

if __name__=='__main__':
    app = wx.App(redirect=False)
    frame = wx.Frame(None)
    MyPanel(frame)
    frame.Show()
    app.MainLoop()