Qt第二十五章：QWidget隐藏标题栏后-缩放、移动、圆角窗口

已于 2022-12-08 10:39:16 修改
阅读量2.1k 收藏 8
点赞数
CC 4.0 BY-SA版权
分类专栏： Qt for Python 文章标签： qt 开发语言 QTableWidget
于 2022-11-25 16:33:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wenxingchen/article/details/128040413
本文介绍了一个自定义的QWindowMoveResizeWidget类，用于创建无边框且透明的窗口，并实现鼠标操作下的窗口拖动和缩放功能，包括左右上下的八个区域对应的不同缩放和移动行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

  1. 隐藏标题栏 
    self.setWindowFlags(Qt.FramelessWindowHint)
  2. 工具类（读者直接复制到项目中） 
    class QWindowMoveResizeWidget(QWidget):

    def __init__(self, parent=None):
        super(QWindowMoveResizeWidget, self).__init__(parent)
        # 1.设置无边框 和 透明背景 无边框必须设置全，不然会导致点击任务栏不能最小化窗口
        self.setWindowFlags(
            Qt.Window
            | Qt.FramelessWindowHint
            | Qt.WindowSystemMenuHint
            | Qt.WindowMinimizeButtonHint
            | Qt.WindowMaximizeButtonHint
        )
        # 设置窗体透明
        self.setAttribute(Qt.WA_TranslucentBackground)
        # 默认标题栏高度 必须设
        self.DEFAULT_TITILE_BAR_HEIGHT = 40
        # 鼠标缩放窗口最小宽度，必须设
        self.MIN_WINDOW_WIDTH = 10
        self.MIN_WINDOW_HEIGHT = 10
        # 鼠标拖动窗口的标识
        self.m_flag = False
        # 初始化鼠标拖动标题栏标志
        self.drag_flag = False
        # 记录按下时窗口坐标， 这个用于窗口移动
        self.win_x = 0
        self.win_y = 0
        # 记录按下时鼠标坐标，这个用于计算鼠标移动的距离
        self.mouse_x = 0
        self.mouse_y = 0
        # 记录鼠标移入的拖动区域，共8种区域 左上 左 左下 上 下 右上 右 右下
        self.left_up = None
        self.left = None
        self.left_down = None
        self.up = None
        self.down = None
        self.right_up = None
        self.right = None
        self.right_down = None
        # 设置为True则mouseMoveEvent事件不需要按下也能触发,不然要按着鼠标左键或右键才能触发
        self.setMouseTracking(True)
        # 设置子类的mousetrack
        # self.centralwidget.setMouseTracking(True)
        # 记录按下时窗口的大小，用于计算鼠标相对于窗口移动的距离，用于缩放
        self.win_w = 0
        self.win_h = 0
        # 初始化鼠标缩放标志
        self.move_left_up_flag = False
        self.move_left_flag = False
        self.move_left_down_flag = False
        self.move_up_flag = False
        self.move_down_flag = False
        self.move_right_up_flag = False
        self.move_right_flag = False
        self.move_right_down_flag = False

    # 设置边框圆角
    def paintEvent(self, event: PySide6.QtGui.QPaintEvent) -> None:
        painter = QPainter(self)
        painter.setRenderHint(QPainter.RenderHint.Antialiasing)  # 设置抗锯齿，不然边框会有明显锯齿
        painter.setBrush(Qt.white)  # 设置窗体颜色
        painter.drawRoundedRect(self.rect(), 10, 10)
        super().paintEvent(event)

    def resizeEvent(self, a0: QtGui.QResizeEvent) -> None:
        """
        @description  窗口缩放事件
        @param
        @return
        """
        # 最大化最小化的时候，需要去改变按钮组位置
        # self.titleBar.close_btn.move(self.width() - 33, 10)
        # self.titleBar.max_btn.move(self.width() - 66, 10)
        # self.titleBar.min_btn.move(self.width() - 99, 10)
        # self.titleBar.title.resize(self.width(), DEFAULT_TITILE_BAR_HEIGHT)

        # 记录鼠标移入的拖动区域，共8种区域
        self.left_up = QRect(0, 0, 10, 10)
        self.left = QRect(0, 10, 10, self.height() - 20)
        self.left_down = QRect(0, self.height() - 10, 10, 10)
        self.up = QRect(10, 0, self.width() - 20, 10)
        self.down = QRect(10, self.height() - 10, self.width() - 20, 10)
        self.right_up = QRect(self.width() - 10, 0, 10, 10)
        self.right = QRect(self.width() - 10, 10, 10, self.height() - 20)
        self.right_down = QRect(self.width() - 10, self.height() - 10, 10, 10)

        return super().resizeEvent(a0)

    def mousePressEvent(self, a0: QtGui.QMouseEvent) -> None:
        """
        拖动窗口
        """
        if a0.button() == QtCore.Qt.LeftButton and self.isMaximized() == False and self.cursor().shape() == QtGui.QCursor(
                QtCore.Qt.ArrowCursor).shape():
            self.m_flag = True
            self.m_Position = a0.globalPosition().toPoint() - self.pos()  # 获取鼠标相对窗口的位置
            a0.accept()
            self.setCursor(QtGui.QCursor(QtCore.Qt.OpenHandCursor))  # 更改鼠标图标
        else:
            """
            @description 鼠标按下事件
            @param
            @return
            """
            # 记录按下时窗口坐标， 这个用于窗口移动
            self.win_x = self.x()
            self.win_y = self.y()
            # 记录按下时鼠标坐标，这个用于计算鼠标移动的距离
            self.mouse_x = a0.globalPosition().x()
            self.mouse_y = a0.globalPosition().y()
            # 记录按下时窗口的大小，用于计算鼠标相对于窗口移动的距离，用于缩放
            self.win_w = self.width()
            self.win_h = self.height()

            if not self.isMaximized():
                # 如果按下的是鼠标左键
                if a0.button() == Qt.MouseButton.LeftButton and self.left_up.contains(a0.position().x(),
                                                                                      a0.position().y()):
                    self.move_left_up_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.left.contains(a0.position().x(),
                                                                                   a0.position().y()):
                    self.move_left_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.left_down.contains(
                        a0.position().x(), a0.position().y()
                ):
                    self.move_left_down_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.up.contains(a0.position().x(), a0.position().y()):
                    self.move_up_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.down.contains(a0.position().x(),
                                                                                   a0.position().y()):
                    self.move_down_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.right_up.contains(
                        a0.position().x(), a0.position().y()
                ):
                    self.move_right_up_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.right.contains(a0.position().x(),
                                                                                    a0.position().y()):
                    self.move_right_flag = True
                if a0.button() == Qt.MouseButton.LeftButton and self.right_down.contains(
                        a0.position().x(), a0.position().y()
                ):
                    self.move_right_down_flag = True
            return super().mousePressEvent(a0)

    def mouseMoveEvent(self, a0: QtGui.QMouseEvent) -> None:
        """
        拖动窗口
        """
        if QtCore.Qt.LeftButton and self.m_flag and self.cursor().shape() == QtGui.QCursor(
                QtCore.Qt.OpenHandCursor).shape():
            self.move(a0.globalPosition().toPoint() - self.m_Position)  # 更改窗口位置
            a0.accept()
        else:
            """
            @description 鼠标按下移动事件
            @param
            @return
            """
            # 获取移动后鼠标的位置
            mouse_move_x = a0.globalPosition().x()
            mouse_move_y = a0.globalPosition().y()
            # 计算移动的距离
            offset_x = mouse_move_x - self.mouse_x
            offset_y = mouse_move_y - self.mouse_y
            # 移动鼠标时设置鼠标样式
            if not self.isMaximized():
                # 不是拖动的时才可能是缩放状态
                if not self.drag_flag:
                    # 左上
                    if self.left_up.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeFDiagCursor)
                    # 左
                    elif self.left.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeHorCursor)
                    # 左下
                    elif self.left_down.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeBDiagCursor)
                    # 上
                    elif self.up.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeVerCursor)
                    # 下
                    elif self.down.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeVerCursor)
                    # 右上
                    elif self.right_up.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeBDiagCursor)
                    # 右
                    elif self.right.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeHorCursor)
                    # 右下
                    elif self.right_down.contains(a0.position().x(), a0.position().y()):
                        self.setCursor(Qt.SizeFDiagCursor)
                    else:
                        self.setCursor(Qt.ArrowCursor)
                else:
                    self.setCursor(Qt.ArrowCursor)
            else:
                self.setCursor(Qt.ArrowCursor)
            # 如果按下且在左上角范围内则缩放（其他代码参考左上）
            if self.move_left_up_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeFDiagCursor)
                resize_w = self.win_w - offset_x
                resize_h = self.win_h - offset_y
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_w = self.MIN_WINDOW_WIDTH if resize_w < self.MIN_WINDOW_WIDTH else resize_w
                resize_h = self.MIN_WINDOW_HEIGHT if resize_h < self.MIN_WINDOW_HEIGHT else resize_h
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
                # 设置窗口移动,需要鼠标跟随
                # x y 都要鼠标跟随
                if resize_w != self.MIN_WINDOW_WIDTH and resize_h != self.MIN_WINDOW_HEIGHT:
                    self.move(self.win_x + offset_x, self.win_y + offset_y)
                # 缩放宽度等于最小宽度，高度鼠标跟随
                if resize_w == self.MIN_WINDOW_WIDTH and resize_h != self.MIN_WINDOW_HEIGHT:
                    self.move(self.x(), self.win_y + offset_y)
                # 缩放高度等于最小高度，宽度鼠标跟随
                if resize_w != self.MIN_WINDOW_WIDTH and resize_h == self.MIN_WINDOW_HEIGHT:
                    self.move(self.win_x + offset_x, self.y())
            # 如果按下且在左边范围内则缩放
            elif self.move_left_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeHorCursor)
                resize_w = self.win_w - offset_x
                resize_h = self.win_h
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_w = self.MIN_WINDOW_WIDTH if resize_w < self.MIN_WINDOW_WIDTH else resize_w
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
                # 设置窗口移动,需要鼠标跟随
                # 只要宽度鼠标跟随
                if resize_w != self.MIN_WINDOW_WIDTH:
                    self.move(self.win_x + offset_x, self.win_y)
            # 如果按下且在左下角范围内则缩放
            elif self.move_left_down_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeBDiagCursor)
                resize_w = self.win_w - offset_x
                resize_h = self.win_h + offset_y
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_w = self.MIN_WINDOW_WIDTH if resize_w < self.MIN_WINDOW_WIDTH else resize_w
                resize_h = self.MIN_WINDOW_HEIGHT if resize_h < self.MIN_WINDOW_HEIGHT else resize_h
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
                # 设置窗口移动,需要鼠标跟随
                # x y 都要鼠标跟随
                if resize_w != self.MIN_WINDOW_WIDTH and resize_h != self.MIN_WINDOW_HEIGHT:
                    self.move(self.win_x + offset_x, self.y())
                # 缩放高度等于最小高度，宽度鼠标跟随
                if resize_w != self.MIN_WINDOW_WIDTH and resize_h == self.MIN_WINDOW_HEIGHT:
                    self.move(self.win_x + offset_x, self.y())
            # 如果按下且在上边范围内则缩放
            elif self.move_up_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeVerCursor)
                resize_w = self.win_w
                resize_h = self.win_h - offset_y
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_h = self.MIN_WINDOW_HEIGHT if resize_h < self.MIN_WINDOW_HEIGHT else resize_h
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
                # 设置窗口移动,需要鼠标跟随
                # 只要高度鼠标跟随
                if resize_h != self.MIN_WINDOW_HEIGHT:
                    self.move(self.win_x, self.win_y + offset_y)
            # 如果按下且在下边范围内则缩放
            elif self.move_down_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeVerCursor)
                resize_w = self.win_w
                resize_h = self.win_h + offset_y
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_h = self.MIN_WINDOW_HEIGHT if resize_h < self.MIN_WINDOW_HEIGHT else resize_h
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
            # 如果按下且在右上角范围内则缩放
            elif self.move_right_up_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeBDiagCursor)
                resize_w = self.win_w + offset_x
                resize_h = self.win_h - offset_y
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_w = self.MIN_WINDOW_WIDTH if resize_w < self.MIN_WINDOW_WIDTH else resize_w
                resize_h = self.MIN_WINDOW_HEIGHT if resize_h < self.MIN_WINDOW_HEIGHT else resize_h
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
                # 设置窗口移动,需要鼠标跟随
                # x y 都要鼠标跟随
                if resize_w != self.MIN_WINDOW_WIDTH and resize_h != self.MIN_WINDOW_HEIGHT:
                    self.move(self.win_x, self.win_y + offset_y)
                # 缩放宽度等于最小宽度，高度鼠标跟随
                if resize_w == self.MIN_WINDOW_WIDTH and resize_h != self.MIN_WINDOW_HEIGHT:
                    self.move(self.x(), self.win_y + offset_y)
            # 如果按下且在右边范围内则缩放
            elif self.move_right_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeHorCursor)
                resize_w = self.win_w + offset_x
                resize_h = self.win_h
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_w = self.MIN_WINDOW_WIDTH if resize_w < self.MIN_WINDOW_WIDTH else resize_w
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
            # 如果按下且在右下角范围内则缩放
            elif self.move_right_down_flag:
                # 拖动的时候也要设置一下形状
                self.setCursor(Qt.SizeFDiagCursor)
                resize_w = self.win_w + offset_x
                resize_h = self.win_h + offset_y
                # 如果缩放后的尺寸小于最小尺寸则窗口不能缩放了
                resize_w = self.MIN_WINDOW_WIDTH if resize_w < self.MIN_WINDOW_WIDTH else resize_w
                resize_h = self.MIN_WINDOW_HEIGHT if resize_h < self.MIN_WINDOW_HEIGHT else resize_h
                # 设置窗口缩放尺寸
                self.resize(resize_w, resize_h)
            # 如果按下才能移动
            elif self.drag_flag:
                # 设置窗口移动的距离
                self.move(self.win_x + offset_x, self.win_y + offset_y)
            return super().mouseMoveEvent(a0)

    def mouseReleaseEvent(self, a0: QtGui.QMouseEvent) -> None:
        self.m_flag = False
        self.setCursor(QtGui.QCursor(QtCore.Qt.ArrowCursor))
        """
        @description 鼠标按下松开事件
        @param
        @return
        """
        self.drag_flag = False
        self.move_left_up_flag = False
        self.move_left_flag = False
        self.move_left_down_flag = False
        self.move_up_flag = False
        self.move_down_flag = False
        self.move_right_up_flag = False
        self.move_right_flag = False
        self.move_right_down_flag = False
        self.setCursor(QtGui.QCursor(QtCore.Qt.ArrowCursor))
        return super().mouseReleaseEvent(a0)
  3. 使用 
第一章 Qt自定义控件——标题栏
m0_65635427的博客
07-22 1300
在企业开发中，当做一款软件时，肯定会接触到标题栏的设计。在Qt中QWidget以及QMainWindow或者QDialog虽然有自带的标题栏，但是都不美观。如果想自定义美观的标题栏，我们需要自己重写标题栏，话不多说，上视频。以下就是我们自己定义的标题栏，现在我来教一下如何实现这个界面。这个标题栏可以用在自己的企业开发中。
【Qt-QWidget-QLabel-QFrame-QSlider-View-Bar】
sinat_23896491的博客
12-25 660
【代码】【Qt-Widget】
【Qt】隐藏标题栏的QDialog 设置圆角显示异常
qq_40271685的博客
05-08 1030
日常开发中通常不会直接使用Qt默认的Dialog样式，而是需要隐藏默认的标题栏自定义新标题栏。隐藏标题栏+QSS，将原直角窗口变为圆角窗口。我们会发现对话框显示有问题，窗口四个角上有白边。使用QSS将QDialog背景设置透明，窗口出现黑边。
Widget 的标题栏如何隐藏
xie__jin__cheng的博客
07-14 686
Widget 的标题栏如何隐藏
qt Dialog 隐藏标题栏
最新发布
xie__jin__cheng的博客
06-26 421
qt Dialog 隐藏标题栏
qt 隐藏标题栏
xie__jin__cheng的博客
01-02 1676
qt 隐藏标题栏
Qt 窗口设置自定义标题栏（隐藏系统标题栏）
weixin_58125846的博客
07-06 4629
在使用Qt制作软件时，为了追求界面美观或者软件整体布局的协调性，通常我们会希望修改程序自带的系统标题栏，但是我找了好久，都没有找到直接修改系统标题栏样式的方法，大多数都是通过去除系统自带边框和标题栏，自己设计一个自定义的标题栏。三、由于设置了窗口透明，第二步中所设的widget的边框，就可以近似看作软件的边框，这样设置widget的qss样式表中的圆角属性，就可以实现窗口圆角了。一、设置窗口背景透明。
如果Widget就不创建标题栏
xie__jin__cheng的博客
07-14 312
请注意，当你创建一个无边框窗口时，你将需要自行处理一些通常由标题栏提供的功能，例如移动窗口、关闭窗口等。这通常涉及到重写鼠标事件处理函数（如。实例在显示之前被设置为无边框窗口，因此它不会显示标题栏。你可以根据需要调整窗口的大小和其他属性。），你可以在创建窗口时直接设置无边框窗口标志。这样，窗口从一开始就不会拥有标题栏。在 Qt 中，如果你想要创建一个没有标题栏的。以下是一个创建没有标题栏的。等）来实现这些功能。
Qt窗口绘制细节：隐藏标题栏QDialog圆角显示问题的全面剖析与修复技巧
[Qt窗口绘制细节：隐藏标题栏QDialog圆角显示问题的全面剖析与修复技巧](https://opengraph.githubassets.com/94d4ff7c490fd4ee7659796b5548a683a59a8606eef94c540f344fe0e5b36214/wangqiangcc/QtFramelessWindow) ...
Qt 无边框 移动 缩放，隐藏标题栏，鼠标控制最小化,最大化,关闭
baidu_36482708的博客
07-22 677
废话不多说，直接上代码 frameless.pro # 参考 # https://www.cnblogs.com/findumars/p/6209705.html # https://www.cnblogs.com/linuxAndMcu/p/10609182.html#_label0 QT += \ core \ gui greaterThan(QT_MAJOR_VERSION, 4): QT += widgets CONFIG += c++11 DEFINES += QT_DEPRE..
Qt 实现无边框窗口，支持缩放窗口大小
09-26
去除边框后，用户无法通过标题栏移动窗口。因此，我们需要实现鼠标拖动窗口的功能。这通常通过处理`mousePressEvent`、`mouseMoveEvent`和`mouseReleaseEvent`事件来实现。在鼠标按下事件中记录初始位置，在鼠标...
【Qt开发笔记】Qt隐藏窗口标题栏以及无法拖动窗口
专注Qt与C++开发
05-04 8872
1.隐藏标题栏、工具窗口以及窗口置顶 setWindowFlags(Qt::FramelessWindowHint | Qt::Tool | Qt::WindowStaysOnTopHint); 2.设置窗体透明度 setWindowOpacity(0.7); 3.隐藏标题栏后实现拖动 隐藏标题栏后窗体是无法拖动的，这个时候就需要重写mousePressEvent、mouseMove...
Qt隐藏窗口标题栏以及无法拖动窗口 （ok）
ken2232的博客
03-12 2555
Qt隐藏窗口标题栏以及无法拖动窗口
PyQt5 小技巧 QWidget隐藏标题栏
m0_73527922的博客
07-26 289
【代码】PyQt5 小技巧 QWidget隐藏标题栏。
Qt第三十四章：总结【隐藏标题栏边框、隐藏背景、窗体透明】
Good Luck
12-08 4567
隐藏标题栏边框、隐藏背景、窗体透明
qt界面中设置标题栏去除，但保留放大缩小的选项
Littlehero_121的博客
12-17 1433
一般情况下为了自定义窗体，会将界面中mainwindow中原先的标题给去除，一般使用为： 在构造函数中加上如下： setWindowFlags(Qt::FramelessWindowHint); 会发现整个界面不能动了，其他的都需要你自己重新再重写事件来实现了。 但是有时候想要继续能实现保留窗体原先的拖拽放大缩小的边框箭头的功能，可以使用如下的代码： setWindowFlags(Qt::CustomizeWindowHint); 可以尝试下 ...
QT界面窗口 （widget）的显示和隐藏,关闭
m0_37777700的博客
10-08 3377
QT界面窗口的显示和隐藏,关闭 qt窗口隐藏关闭按钮
QT widgets 窗口缩放，自适应窗口大小进行布局
injre! injre~
09-19 2415
QT wigdets 窗口自适应缩放布局
QT5入门教程：自定义窗口标题栏及按钮
在介绍QT自定义标题栏最大最小化关闭按钮的知识点之前，首先需要了解QT（Qt）框架的基础概念。Qt是一个跨平台的C++应用程序框架，广泛用于开发图形用户界面程序和基于图形的应用程序。它同样提供了一整套丰富的控件...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

文子阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值