使用wxPython创建滚动窗口

Question

我正在制作一个带滚动条的框架，里面放了一些图片。当框架是空的时候，滚动条工作得很好。但是，当我添加一张图片后，滚动条似乎被推到了框架的左上角。请问我该怎么做才能让滚动条在添加图片后仍然保持原来的位置呢？

有效的代码：

    import wx
    import wx.animate


    class ScrollbarFrame(wx.Frame):
        def __init__(self):
            wx.Frame.__init__(self, None, -1, 'Scrollbar Example', pos = (100, 50), size=(1000, 1000))
            self.scroll = wx.ScrolledWindow(self, -1)
            self.scroll.SetScrollbars(1, 1, 1000, 1000)
            #self.button = wx.Button(self.scroll, -1, "Scroll Me", pos=(50, 20))
            #self.Bind(wx.EVT_BUTTON,  self.OnClickTop, self.button)
            #self.button2 = wx.Button(self.scroll, -1, "Scroll Back", pos=(500, 350))
            #self.Bind(wx.EVT_BUTTON, self.OnClickBottom, self.button2)
            self.SetBackgroundColour("gray")
            imageName = "01 background.png"
            gifName = "Jill.gif"
            backgroundImage = wx.Image(imageName, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
            wx.StaticBitmap(self, -1, backgroundImage,(10,5),(backgroundImage.GetWidth(), backgroundImage.GetHeight()))
            gifImage = wx.animate.GIFAnimationCtrl(self, 0, gifName, pos=(160, 74))
            # clears the background
            gifImage.GetPlayer().UseBackgroundColour(True)
            gifImage.Play()

    def update(self, imageName, gifName):
        backgroundImage = wx.Image(imageName, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
        wx.StaticBitmap(self, -1, backgroundImage,(10,5),(backgroundImage.GetWidth(), backgroundImage.GetHeight()))
        gifImage = wx.animate.GIFAnimationCtrl(self, 0, gifName, pos=(100, 100))
        # clears the background
        gifImage.GetPlayer().UseBackgroundColour(True)
        gifImage.Play()

    def OnClickTop(self, event):
        self.scroll.Scroll(600, 400)

    def OnClickBottom(self, event):
        self.scroll.Scroll(1, 1)


app = wx.PySimpleApp()
frame = ScrollbarFrame()
frame.Show()
app.MainLoop()

---

如果你把这一部分注释掉：

 gifName = "Jill.gif"
        backgroundImage = wx.Image(imageName, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
        wx.StaticBitmap(self, -1, backgroundImage,(10,5),(backgroundImage.GetWidth(), backgroundImage.GetHeight()))
        gifImage = wx.animate.GIFAnimationCtrl(self, 0, gifName, pos=(160, 74))
        # clears the background
        gifImage.GetPlayer().UseBackgroundColour(True)
        gifImage.Play()

窗口就能正常显示，并且滚动条也在正确的位置。但是一旦加入了其中一张（或两张）图片，就会出现这个问题。

Answer 1

如果你想让你的图片出现在可以滚动的窗口面板里，那你就得把静态的位图和gif图片放在里面。所以，图片的父级不应该是self（也就是wx.Frame这个实例），而应该是self.scroll。

请修改下面提到的四行代码：

    ...................
    wx.StaticBitmap(self.scroll, -1, backgroundImage,(10,5),(backgroundImage.GetWidth(), backgroundImage.GetHeight()))    # <- this one
    gifImage = wx.animate.GIFAnimationCtrl(self.scroll, 0, gifName, pos=(160, 74))  # <- this one
    # clears the background
    gifImage.GetPlayer().UseBackgroundColour(True)
    gifImage.Play()

def update(self, imageName, gifName):
    backgroundImage = wx.Image(imageName, wx.BITMAP_TYPE_ANY).ConvertToBitmap()
    wx.StaticBitmap(self.scroll, -1, backgroundImage,(10,5),(backgroundImage.GetWidth(), backgroundImage.GetHeight()))    # <- this one
    gifImage = wx.animate.GIFAnimationCtrl(self.scroll, 0, gifName, pos=(100, 100))  # <- this one
    ...................

这样做会把你的两张图片叠在一起。如果你想把它们分开放（可以是竖着或横着），那你需要把它们放到一个放置器里，这个放置器要放在你的滚动窗口里面。