wxPython自定义标题栏如何实现四边等宽的可调整大小边框

你遇到的顶部边框过宽问题是因为仅使用wx.RESIZE_BORDER样式时，系统默认保留了原生标题栏的占位空间，你可以通过以下两种方案实现四边等宽的可调整大小无边框窗口：

方案1：样式组合方案（改动最小） #

大部分平台下直接组合wx.NO_BORDER和wx.RESIZE_BORDER即可生效，如果你的系统环境不生效，可以额外添加wx.FRAME_SHAPED样式消除残留的标题栏占位，修改后的样式代码如下：

frame = wx.Frame(None, style=wx.NO_BORDER | wx.RESIZE_BORDER | wx.FRAME_SHAPED)

该方案仅需修改一行代码，缺点是在部分老旧Linux桌面环境下可能存在兼容性问题。

方案2：手动实现拖拽调整逻辑（兼容性最好） #

如果方案1不符合你的需求，可以完全自主控制边框和调整逻辑，彻底消除系统原生样式的影响：

• 仅使用wx.NO_BORDER去掉所有系统原生边框
• 绑定鼠标事件，设置窗口边缘5-8px区域为大小调整触发区
• 监听鼠标按下、移动、松开事件，根据鼠标所在边缘位置动态修改窗口尺寸
• 自定义绘制四边等宽的边框样式

可运行完整示例 #

import wx

class CustomFrame(wx.Frame):
    def __init__(self):
        super().__init__(None, style=wx.NO_BORDER)
        self.SetPosition((100,100))
        self.SetSize((400,300))
        # 统一设置边框宽度为5px
        self.border_size = 5
        # 拖拽状态变量
        self.dragging = False
        self.drag_start_pos = None
        self.drag_edge = None
        
        # 绑定对应事件
        self.Bind(wx.EVT_LEFT_DOWN, self.on_left_down)
        self.Bind(wx.EVT_LEFT_UP, self.on_left_up)
        self.Bind(wx.EVT_MOTION, self.on_mouse_move)
        self.Bind(wx.EVT_PAINT, self.on_draw_border)
    
    def on_draw_border(self, event):
        # 绘制四边等宽的灰色边框
        dc = wx.PaintDC(self)
        dc.SetPen(wx.Pen(wx.Colour(210,210,210), self.border_size))
        dc.DrawRectangle(0, 0, self.GetSize().width, self.GetSize().height)
    
    def get_mouse_edge(self, pos):
        # 判断鼠标当前所在的窗口边缘
        w, h = self.GetSize()
        x, y = pos
        edge = 0
        if x < self.border_size:
            edge |= wx.LEFT
        elif x > w - self.border_size:
            edge |= wx.RIGHT
        if y < self.border_size:
            edge |= wx.TOP
        elif y > h - self.border_size:
            edge |= wx.BOTTOM
        return edge
    
    def on_left_down(self, event):
        edge = self.get_mouse_edge(event.GetPosition())
        if edge != 0:
            self.dragging = True
            self.drag_start_pos = event.GetPosition()
            self.drag_edge = edge
            # 切换对应调整方向的鼠标样式
            if edge in (wx.TOP | wx.LEFT, wx.BOTTOM | wx.RIGHT):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZENWSE))
            elif edge in (wx.TOP | wx.RIGHT, wx.BOTTOM | wx.LEFT):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZENESW))
            elif edge in (wx.LEFT, wx.RIGHT):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZEWE))
            elif edge in (wx.TOP, wx.BOTTOM):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZENS))
        event.Skip()
    
    def on_left_up(self, event):
        self.dragging = False
        self.drag_start_pos = None
        self.drag_edge = None
        self.SetCursor(wx.Cursor(wx.CURSOR_DEFAULT))
        event.Skip()
    
    def on_mouse_move(self, event):
        if self.dragging and self.drag_edge:
            cur_pos = event.GetPosition()
            dx = cur_pos.x - self.drag_start_pos.x
            dy = cur_pos.y - self.drag_start_pos.y
            x, y = self.GetPosition()
            w, h = self.GetSize()
            
            if self.drag_edge & wx.LEFT:
                x += dx
                w -= dx
            elif self.drag_edge & wx.RIGHT:
                w += dx
            if self.drag_edge & wx.TOP:
                y += dy
                h -= dy
            elif self.drag_edge & wx.BOTTOM:
                h += dy
            
            # 限制最小窗口尺寸避免缩到看不见
            if w >= 200 and h >= 150:
                self.SetSize(x, y, w, h)
        else:
            # 鼠标未按下时根据位置切换鼠标样式
            edge = self.get_mouse_edge(event.GetPosition())
            if edge in (wx.TOP | wx.LEFT, wx.BOTTOM | wx.RIGHT):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZENWSE))
            elif edge in (wx.TOP | wx.RIGHT, wx.BOTTOM | wx.LEFT):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZENESW))
            elif edge in (wx.LEFT, wx.RIGHT):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZEWE))
            elif edge in (wx.TOP, wx.BOTTOM):
                self.SetCursor(wx.Cursor(wx.CURSOR_SIZENS))
            else:
                self.SetCursor(wx.Cursor(wx.CURSOR_DEFAULT))
        event.Skip()

if __name__ == "__main__":
    app = wx.App()
    frame = CustomFrame()
    frame.Show()
    app.MainLoop()

上述代码实现的窗口所有边的边框宽度完全一致，支持四个边和四个角的拖拽调整，没有顶部边框过宽的问题，适配Windows、macOS、Linux全平台。

内容的提问来源于stack exchange，提问作者Anaconda