Question

我正在构建一个应用程序，其中应包含左侧可调整大小的侧边栏区域（从200px宽度开始）和右侧的主要区域，该区域应展开以填充剩余区域。我已经使用了SplitterWindow方法，因为它是我认为在面板上手动调整大小的唯一方法。我正在经历各个面板周围的一些黑色边框以及我似乎无法摆脱的整个框架。当我注释掉make_canvas来电时，各个面板上的边框消失，但框架上的边框仍然存在。奇怪的是，如果我调整整个应用程序窗口的大小，边框会闪烁。我怀疑它实际上不是边界问题而是BoxSizing问题，但我不确定如何处理它。

以下是代码：

#! /usr/bin/python
# -*- coding: utf-8 -*-

import wx, random


class TDTaskBarIcon(wx.TaskBarIcon):

    def __init__(self, parent):
        wx.TaskBarIcon.__init__(self)
        self.parentApp = parent
        self.icon = wx.Icon("images/icon_glasses.png", wx.BITMAP_TYPE_PNG)
        self.SetIconImage()

    def SetIconImage(self):
        self.SetIcon(self.icon)


class Sidebar(wx.Panel):
    def __init__(self, parent):
        wx.Panel.__init__(self, parent)
        # tiled background
        self.bgimage = wx.Bitmap('images/noise.png')
        wx.FutureCall(50, self.make_canvas)
        wx.EVT_SIZE(self, self.make_canvas)
        self.SetBackgroundColour((229,226,218))

    def make_canvas(self, event=None):
        dc = wx.ClientDC(self)
        brush_bmp = wx.BrushFromBitmap(self.bgimage)
        dc.SetBrush(brush_bmp)
        w, h = self.GetClientSize()
        dc.DrawRectangle(0, 0, w, h)


class Main(wx.Panel):
    def __init__(self, parent):
        wx.Panel.__init__(self, parent)
        # tiled background
        self.bgimage = wx.Bitmap('images/noise.png')
        wx.FutureCall(50, self.make_canvas)
        wx.EVT_SIZE(self, self.make_canvas)
        self.SetBackgroundColour((229,226,218))
        self.SetBackgroundColour('WHITE')

    def make_canvas(self, event=None):
        dc = wx.ClientDC(self)
        brush_bmp = wx.BrushFromBitmap(self.bgimage)
        dc.SetBrush(brush_bmp)
        w, h = self.GetClientSize()
        dc.DrawRectangle(0, 0, w, h)


# Create Tapedeck class
class Tapedeck(wx.Frame):

    def __init__(self, parent):
        wx.Frame.__init__(self, parent)

        self.tbicon = TDTaskBarIcon(self)  
        self.tbicon.Bind(wx.EVT_MENU, self.OnQuit, id=wx.ID_EXIT)

        splitter = wx.SplitterWindow(self)
        self.Sidebar = Sidebar(splitter)
        self.Main = Main(splitter)
        splitter.SplitVertically(self.Sidebar, self.Main)
        splitter.SetSashPosition(200)
        splitter.SetMinimumPaneSize(200)

        sizer = wx.BoxSizer(wx.VERTICAL)
        sizer.Add(splitter, 1, wx.EXPAND)
        self.SetSizerAndFit(sizer)
        self.SetAutoLayout(True)

        self.InitUI()
        self.SetSize((800, 600))
        self.SetTitle('Tapedeck')
        self.Center()
        self.Show(True)

    def InitUI(self):

        panel = wx.Panel(self)

        # font styles
        header = wx.Font(18, wx.SWISS, wx.NORMAL, wx.BOLD, False, u'Helvetica')

        # create a menubar at the top of the user frame
        menuBar = wx.MenuBar()

        # create menus
        fileMenu = wx.Menu()
        helpMenu = wx.Menu()

        # export
        export = fileMenu.Append(wx.NewId(), "&Export", "Export Playlist",
                                     wx.ITEM_NORMAL)
        export.SetBitmap(wx.Bitmap('images/men_playlist.png'))

        fileMenu.AppendSeparator()

        # quit
        quit = fileMenu.Append(wx.NewId(), "&Quit\tCtrl+Q", "Quit the program",
                                   wx.ITEM_NORMAL)
        quit.SetBitmap(wx.Bitmap('images/men_quit.png'))
        self.Bind(wx.EVT_MENU, self.OnQuit, quit)

        # put the file menu on the menubar
        menuBar.Append(fileMenu, "&File")

        # about tapedeck
        about = helpMenu.Append(wx.NewId(), "&About TapeDeck",
                                    "About TapeDeck", wx.ITEM_NORMAL)
        about.SetBitmap(wx.Bitmap('images/men_skull.png'))
        self.Bind(wx.EVT_MENU, self.OnAbout, about)

        # put the help menu on the menubar
        menuBar.Append(helpMenu, "&Help")

        # set menu bar
        self.SetMenuBar(menuBar)

        # create a status bar at the bottom of the frame
        self.CreateStatusBar()

    def OnQuit(self, e):
        self.tbicon.RemoveIcon()  
        self.tbicon.Destroy()
        self.Close()

    def OnAbout(self, e):
        self.SetStatusText("Here's your help!")


# Run the application
def main():
    deck = wx.App()
    Tapedeck(None)
    deck.MainLoop()    

if __name__ == '__main__':
    main()

截图：

调整大小（source）之前：

Before resize.

调整大小后（source）：

After resize.

建议？

Answer 1

您正在通过调用DrawRectangle绘制这些行。如果你想消除线条并仍然绘制矩形，你可以这样做：

dc.SetPen(wx.Pen("WHITE",1))
dc.DrawRectangle(0, 0, w, h)

在两个make_canvas方法中。它适用于Windows。

在wxPython应用程序中从框架和面板中删除边框

1 个答案: