Qt第三十七章：任意QWidget子控件自由移动和缩放

小灰灰 2024-03-31 18:00 48阅读 0赞

**目录**

移动缩放

代码（直接Copy）

使用：(只能作用于子QWidget，不能用于最外层QWidget)如果场景是最外层：Qt第三十四章：总结【隐藏标题栏边框、隐藏背景、窗体透明】\_苍穹之跃的博客-CSDN博客

自定义标题栏

代码（直接Copy）

使用

--------------------

### 移动缩放 ###

#### 代码（直接Copy） ####

import PySide6
    from PySide6 import QtWidgets
    from PySide6.QtCore import QRect, QSize, QTimer, QPoint, Qt, QObject
    from PySide6.QtGui import QPixmap, QCursor, QIcon, QMouseEvent, QResizeEvent, QGuiApplication
    from PySide6.QtWidgets import QApplication, QDialog, QPushButton, QHBoxLayout, QLabel, QSizePolicy, QWidget, \
        QVBoxLayout, QSpacerItem
    
    from ui_untitled003 import Ui_Form
    
    class QAutoMoveResize(QWidget):
    
        # 初始化缩放容器
        def setupWidget(self, widgets: list[QWidget]):
            if widgets is None:
                widgets = []
            self.widgets = widgets
            for index, widget in enumerate(widgets):
                widget.setMouseTracking(True)
                # 容器的初始大小
                setattr(self, f"widget_size_start_{index}", widget.rect())
                # 容器的起始【相对】位置
                setattr(self, f"widget_relative_start_{index}", QPoint(0, 0))
                # 八个是否缩放标记
                setattr(self, f"flag_is_up_resize_{index}", False)
                setattr(self, f"flag_is_down_resize_{index}", False)
                setattr(self, f"flag_is_left_resize_{index}", False)
                setattr(self, f"flag_is_right_resize_{index}", False)
                setattr(self, f"flag_is_left_up_resize_{index}", False)
                setattr(self, f"flag_is_left_down_resize_{index}", False)
                setattr(self, f"flag_is_right_up_resize_{index}", False)
                setattr(self, f"flag_is_right_down_resize_{index}", False)
                if hasattr(widget, 'mousePressEvent'):
                    setattr(widget, 'mousePressEvent', self.mousePressEvent)
                    # widget.clicked.connect(self.mousePressEvent)
                if hasattr(widget, 'mouseReleaseEvent'):
                    setattr(widget, 'mouseReleaseEvent', self.mouseReleaseEvent)
    
        def __init__(self, parent=None):
            super(QAutoMoveResize, self).__init__(parent)
            # self.setWindowFlags(
            #     Qt.Window
            #     | Qt.FramelessWindowHint
            #     | Qt.WindowSystemMenuHint
            #     | Qt.WindowMinimizeButtonHint
            #     | Qt.WindowMaximizeButtonHint
            # )
            # # 设置隐藏背景
            # self.setAttribute(Qt.WA_TranslucentBackground)
            # 设置鼠标移动触发mouseMoveEvent事件，否则只能在点击状态下触发mouseMoveEvent事件。开启的目的是让鼠标划到边缘区域时改变鼠标样式。
            self.setMouseTracking(True)
            self.widgets = []
    
            # 窗口缩放的最小宽度
            self.MIN_WINDOW_WIDTH = 150
            # 窗口缩放的最小高度
            self.MIN_WINDOW_HEIGHT = 150
            # 窗口的起始【绝对】位置
            self.window_absolute_start = QPoint(0, 0)
            # 窗口的起始大小
            self.window_size_start = self.rect()
            # 鼠标的起始【绝对】位置
            self.mouse_absolute_start = QPoint(0, 0)
            # 鼠标点击的【绝对】位置（用来区分点击事件和移动窗口事件）
            self.absolute_point = QPoint(0, 0)
            # 鼠标的起始【相对】位置
            self.mouse_relative_start = QPoint(0, 0)
            # 是否正在移动
            self.flag_is_moving = False
    
        def resizeEvent(self, event: PySide6.QtGui.QResizeEvent) -> None:
            # 检测整个window的鼠标移动
            children = self.findChildren(QWidget)
            for child in children:
                child.setMouseTracking(True)
            for index, widget in enumerate(self.widgets):
                # N*八个区域
                setattr(self, f"resize_up_area_{index}", QRect(widget.x() + 10, widget.y(), widget.width() - 20, 10))  # 上
                setattr(self, f"resize_down_area_{index}",
                        QRect(widget.x() + 10, widget.y() + widget.height(), widget.width() - 20, -10))  # 下
                setattr(self, f"resize_left_area_{index}",
                        QRect(widget.x(), widget.y() + 10, 10, widget.height() - 20))  # 左
                setattr(self, f"resize_right_area_{index}",
                        QRect(widget.x() + widget.width(), widget.y() + 10, -10, widget.height() - 20))  # 右
                setattr(self, f"resize_left_up_area_{index}", QRect(widget.x(), widget.y(), 10, 10))  # 左上角
                setattr(self, f"resize_left_down_area_{index}",
                        QRect(widget.x(), widget.y() + widget.height(), 10, -10))  # 左下角
                setattr(self, f"resize_right_up_area_{index}",
                        QRect(widget.x() + widget.width(), widget.y(), -10, 10))  # 右上角
                setattr(self, f"resize_right_down_area_{index}",
                        QRect(widget.x() + widget.width(), widget.y() + widget.height(), -10, -10))  # 右下角
            return super().resizeEvent(event)
    
        def mousePressEvent(self, event: PySide6.QtGui.QMouseEvent) -> None:
            """
            窗口移动
            """
            # 鼠标点击的相对坐标
            relative_point = event.scenePosition().toPoint()
            # 鼠标点击的绝对坐标
            self.absolute_point = event.globalPosition().toPoint()
            # 鼠标点击的控件
            child = self.childAt(relative_point)
            is_resize = False
            for index, widget in enumerate(self.widgets):
                resize_up_area: QRect = getattr(self, f"resize_up_area_{index}")
                if resize_up_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_up_resize_{index}", True)
                resize_down_area: QRect = getattr(self, f"resize_down_area_{index}")
                if resize_down_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_down_resize_{index}", True)
                resize_left_area: QRect = getattr(self, f"resize_left_area_{index}")
                if resize_left_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_left_resize_{index}", True)
                resize_right_area: QRect = getattr(self, f"resize_right_area_{index}")
                if resize_right_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_right_resize_{index}", True)
                resize_left_up_area: QRect = getattr(self, f"resize_left_up_area_{index}")
                if resize_left_up_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_left_up_resize_{index}", True)
                resize_left_down_area: QRect = getattr(self, f"resize_left_down_area_{index}")
                if resize_left_down_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_left_down_resize_{index}", True)
                resize_right_up_area: QRect = getattr(self, f"resize_right_up_area_{index}")
                if resize_right_up_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_right_up_resize_{index}", True)
                resize_right_down_area: QRect = getattr(self, f"resize_right_down_area_{index}")
                if resize_right_down_area.contains(relative_point):
                    is_resize = True
                    setattr(self, f"flag_is_right_down_resize_{index}", True)
            # 在widget控件区域且不在缩放区域，则是移动。(加上custom_title是为了配合自定义标题栏使用)
            if child is not None \
                    and child.objectName() in ([i.objectName() for i in self.widgets] + ["custom_title"]) \
                    and not is_resize:
                self.flag_is_moving = True
    
            # 窗口的起始【绝对】位置
            self.window_absolute_start = self.pos()
            # 鼠标的起始【绝对】位置
            self.mouse_absolute_start = event.globalPosition().toPoint()
            # 鼠标的起始【相对】位置
            self.mouse_relative_start = event.position().toPoint()
            # 窗口的起始大小
            self.window_size_start = self.rect()
            for index, widget in enumerate(self.widgets):
                # 容器的初始大小
                setattr(self, f"widget_size_start_{index}", widget.rect())
                # 容器的起始【相对】位置
                setattr(self, f"widget_relative_start_{index}", widget.pos())
                if hasattr(widget, 'mousePressEvent'):
                    setattr(widget, 'mousePressEvent', self.mousePressEvent)
                    # widget.clicked.connect(self.mousePressEvent)
                if hasattr(widget, 'mouseReleaseEvent'):
                    setattr(widget, 'mouseReleaseEvent', self.mouseReleaseEvent)
            return super().mousePressEvent(event)
    
        def mouseMoveEvent(self, event: PySide6.QtGui.QMouseEvent) -> None:
            # 当前鼠标的绝对位置
            absolute_point = event.globalPosition().toPoint()
            # 当前鼠标相对对位置
            relative_point = event.position().toPoint()
            # 鼠标移动的距离
            moved_distance_x = absolute_point.x() - self.mouse_absolute_start.x()
            moved_distance_y = absolute_point.y() - self.mouse_absolute_start.y()
            """
            窗口移动
            """
            if self.flag_is_moving:
                # 窗口绝对位置=窗口的绝对起始位置+（窗口的移动距离/鼠标的移动距离）
                # 窗口绝对位置=窗口的绝对起始位置+（鼠标的当前绝对位置-鼠标的绝对起始位置）
                self.move(self.window_absolute_start.x() + moved_distance_x,
                          self.window_absolute_start.y() + moved_distance_y)
            """
            窗口缩放
            """
            is_over_resize = False  # 用来标记鼠标样式
            for index, widget in enumerate(self.widgets):
                resize_up_area: QRect = getattr(self, f"resize_up_area_{index}")
                if resize_up_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeVerCursor)
                resize_down_area: QRect = getattr(self, f"resize_down_area_{index}")
                if resize_down_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeVerCursor)
                resize_left_area: QRect = getattr(self, f"resize_left_area_{index}")
                if resize_left_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeHorCursor)
                resize_right_area: QRect = getattr(self, f"resize_right_area_{index}")
                if resize_right_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeHorCursor)
                resize_left_up_area: QRect = getattr(self, f"resize_left_up_area_{index}")
                if resize_left_up_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeFDiagCursor)
                resize_left_down_area: QRect = getattr(self, f"resize_left_down_area_{index}")
                if resize_left_down_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeBDiagCursor)
                resize_right_up_area: QRect = getattr(self, f"resize_right_up_area_{index}")
                if resize_right_up_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeBDiagCursor)
                resize_right_down_area: QRect = getattr(self, f"resize_right_down_area_{index}")
                if resize_right_down_area.contains(relative_point):
                    is_over_resize = True
                    self.setCursor(Qt.SizeFDiagCursor)
            if not is_over_resize:
                self.setCursor(Qt.ArrowCursor)
    
            for index, widget in enumerate(self.widgets):
                flag_is_up_resize: bool = getattr(self, f"flag_is_up_resize_{index}")
                flag_is_down_resize: bool = getattr(self, f"flag_is_down_resize_{index}")
                flag_is_left_resize: bool = getattr(self, f"flag_is_left_resize_{index}")
                flag_is_right_resize: bool = getattr(self, f"flag_is_right_resize_{index}")
                flag_is_left_up_resize: bool = getattr(self, f"flag_is_left_up_resize_{index}")
                flag_is_left_down_resize: bool = getattr(self, f"flag_is_left_down_resize_{index}")
                flag_is_right_up_resize: bool = getattr(self, f"flag_is_right_up_resize_{index}")
                flag_is_right_down_resize: bool = getattr(self, f"flag_is_right_down_resize_{index}")
    
                widget_size_start: QRect = getattr(self, f"widget_size_start_{index}")
                if flag_is_up_resize:
                    distance_v = widget_size_start.height() - moved_distance_y if widget_size_start.height() - moved_distance_y > self.MIN_WINDOW_HEIGHT else self.MIN_WINDOW_HEIGHT
                    widget.resize(widget_size_start.width(), distance_v)
                    self.resize(self.window_size_start.width(), distance_v)
                    self.move(self.window_absolute_start.x(),
                              self.window_absolute_start.y() + (
                                  moved_distance_y if widget_size_start.height() - moved_distance_y > self.MIN_WINDOW_HEIGHT else widget_size_start.height() - self.MIN_WINDOW_HEIGHT))
                elif flag_is_down_resize:
                    distance_v = widget_size_start.height() + moved_distance_y if widget_size_start.height() + moved_distance_y > self.MIN_WINDOW_HEIGHT else self.MIN_WINDOW_HEIGHT
                    widget.resize(widget_size_start.width(), distance_v)
                    self.resize(self.window_size_start.width(), distance_v)
                elif flag_is_left_resize:
                    distance_h = widget_size_start.width() - moved_distance_x if widget_size_start.width() - moved_distance_x > self.MIN_WINDOW_WIDTH else self.MIN_WINDOW_WIDTH
                    widget.resize(distance_h, widget_size_start.height())
                    self.resize(distance_h, self.window_size_start.height())
                    self.repaint()
                    self.move(self.window_absolute_start.x() + (
                        moved_distance_x if widget_size_start.width() - moved_distance_x > self.MIN_WINDOW_WIDTH else widget_size_start.width() - self.MIN_WINDOW_WIDTH),
                              self.window_absolute_start.y())
                elif flag_is_right_resize:
                    distance_h = widget_size_start.width() + moved_distance_x if widget_size_start.width() + moved_distance_x > self.MIN_WINDOW_WIDTH else self.MIN_WINDOW_WIDTH
                    widget.resize(distance_h, widget_size_start.height())
                    self.resize(distance_h, self.window_size_start.height())
                elif flag_is_left_up_resize:
                    distance_h = widget_size_start.width() - moved_distance_x if widget_size_start.width() - moved_distance_x > self.MIN_WINDOW_WIDTH else self.MIN_WINDOW_WIDTH
                    distance_v = widget_size_start.height() - moved_distance_y if widget_size_start.height() - moved_distance_y > self.MIN_WINDOW_HEIGHT else self.MIN_WINDOW_HEIGHT
                    widget.resize(distance_h, distance_v)
                    self.resize(distance_h, distance_v)
                    self.move(self.window_absolute_start.x() + (
                        moved_distance_x if widget_size_start.width() - moved_distance_x > self.MIN_WINDOW_WIDTH else widget_size_start.width() - self.MIN_WINDOW_WIDTH),
                              self.window_absolute_start.y() + (
                                  moved_distance_y if widget_size_start.height() - moved_distance_y > self.MIN_WINDOW_HEIGHT else widget_size_start.height() - self.MIN_WINDOW_HEIGHT))
                elif flag_is_left_down_resize:
                    distance_h = widget_size_start.width() - moved_distance_x if widget_size_start.width() - moved_distance_x > self.MIN_WINDOW_WIDTH else self.MIN_WINDOW_WIDTH
                    distance_v = widget_size_start.height() + moved_distance_y if widget_size_start.height() + moved_distance_y > self.MIN_WINDOW_HEIGHT else self.MIN_WINDOW_HEIGHT
                    widget.resize(distance_h, distance_v)
                    self.resize(distance_h, distance_v)
                    self.move(self.window_absolute_start.x() + (
                        moved_distance_x if widget_size_start.width() - moved_distance_x > self.MIN_WINDOW_WIDTH else widget_size_start.width() - self.MIN_WINDOW_WIDTH),
                              self.window_absolute_start.y())
                elif flag_is_right_up_resize:
                    distance_h = widget_size_start.width() + moved_distance_x if widget_size_start.width() + moved_distance_x > self.MIN_WINDOW_WIDTH else self.MIN_WINDOW_WIDTH
                    distance_v = widget_size_start.height() - moved_distance_y if widget_size_start.height() - moved_distance_y > self.MIN_WINDOW_HEIGHT else self.MIN_WINDOW_HEIGHT
                    widget.resize(distance_h, distance_v)
                    self.resize(distance_h, distance_v)
                    self.move(self.window_absolute_start.x(),
                              self.window_absolute_start.y() + (
                                  moved_distance_y if widget_size_start.height() - moved_distance_y > self.MIN_WINDOW_HEIGHT else widget_size_start.height() - self.MIN_WINDOW_HEIGHT))
                elif flag_is_right_down_resize:
                    distance_h = widget_size_start.width() + moved_distance_x if widget_size_start.width() + moved_distance_x > self.MIN_WINDOW_WIDTH else self.MIN_WINDOW_WIDTH
                    distance_v = widget_size_start.height() + moved_distance_y if widget_size_start.height() + moved_distance_y > self.MIN_WINDOW_HEIGHT else self.MIN_WINDOW_HEIGHT
                    widget.resize(distance_h, distance_v)
                    self.resize(distance_h, distance_v)
                    self.move(self.window_absolute_start.x(), self.window_absolute_start.y())
                else:
                    # print(datetime.datetime.now())
                    pass
            # return super().mouseMoveEvent(event)
    
        def mouseReleaseEvent(self, event: PySide6.QtGui.QMouseEvent) -> None:
            # 按下时和释放时的坐标不相同则是窗口移动事件
            is_move_event = self.absolute_point != event.globalPosition().toPoint()
            is_resize_event = False
            for index, widget in enumerate(self.widgets):
                flag_is_up_resize: bool = getattr(self, f"flag_is_up_resize_{index}")
                if flag_is_up_resize:
                    is_resize_event = True
                flag_is_down_resize: bool = getattr(self, f"flag_is_down_resize_{index}")
                if flag_is_down_resize:
                    is_resize_event = True
                flag_is_left_resize: bool = getattr(self, f"flag_is_left_resize_{index}")
                if flag_is_left_resize:
                    is_resize_event = True
                flag_is_right_resize: bool = getattr(self, f"flag_is_right_resize_{index}")
                if flag_is_right_resize:
                    is_resize_event = True
                flag_is_left_up_resize: bool = getattr(self, f"flag_is_left_up_resize_{index}")
                if flag_is_left_up_resize:
                    is_resize_event = True
                flag_is_left_down_resize: bool = getattr(self, f"flag_is_left_down_resize_{index}")
                if flag_is_left_down_resize:
                    is_resize_event = True
                flag_is_right_up_resize: bool = getattr(self, f"flag_is_right_up_resize_{index}")
                if flag_is_right_up_resize:
                    is_resize_event = True
                flag_is_right_down_resize: bool = getattr(self, f"flag_is_right_down_resize_{index}")
                if flag_is_right_down_resize:
                    is_resize_event = True
    
            # 鼠标点击的控件
            child = self.childAt(event.scenePosition().toPoint())
            # 如果不是移动和缩放，则是真正的点击事件
            if not is_move_event and not is_resize_event:
                if hasattr(child, 'click'):
                    getattr(child, 'click')()
            # 停止窗口移动
            self.flag_is_moving = False
            # 停止缩放
            for index, widget in enumerate(self.widgets):
                setattr(self, f"flag_is_up_resize_{index}", False)
                setattr(self, f"flag_is_down_resize_{index}", False)
                setattr(self, f"flag_is_left_resize_{index}", False)
                setattr(self, f"flag_is_right_resize_{index}", False)
                setattr(self, f"flag_is_left_up_resize_{index}", False)
                setattr(self, f"flag_is_left_down_resize_{index}", False)
                setattr(self, f"flag_is_right_up_resize_{index}", False)
                setattr(self, f"flag_is_right_down_resize_{index}", False)
            # return super().mouseReleaseEvent(event)

#### 使用：(**只能作用于子QWidget，不能用于最外层QWidget**)   如果场景是最外层：   [Qt第三十四章：总结【隐藏标题栏边框、隐藏背景、窗体透明】\_苍穹之跃的博客-CSDN博客][Qt_-CSDN] ####

class DemoWidget(QAutoMoveResize):
        def __init__(self, parent=None):
            super(DemoWidget, self).__init__(parent)
    
            self.resize(400, 300)
            self.widget = QWidget(self)
            self.widget.setObjectName("widget123")
            self.widget.setGeometry(50, 50, 300, 200)
            self.widget.setStyleSheet("QWidget{background-color:rgb(100,100,100)}")
    
            self.button = QPushButton(self)
            self.button.setText("B1")
            # self.button.setGeometry(10, 10, 100, 100)
            self.button.setGeometry(100, 100, 100, 100)
            self.button.clicked.connect(lambda: print(1))
    
            self.button2 = QPushButton(self)
            self.button2.setText("B2")
            # self.button2.setGeometry(100, 100, 100, 100)
            self.button2.setGeometry(10, 10, 100, 100)
            self.button2.clicked.connect(lambda: print(2))
    
            self.label = QLabel(self)
            self.label.setText("账号")
            self.label.setGeometry(230, 100, 100, 100)
            self.label.setStyleSheet("QLabel{background-color:rgb(200,100,100)}")
    
            # 设置背景和按钮一 能够自由移动和缩放
            self.setupWidget([self.widget, self.button])
    
    
    if __name__ == '__main__':
        app = QApplication([])
        main = DemoWidget()
        main.show()
        app.exec()

###    自定义标题栏 ###

#### 代码（直接Copy） ####

#### 使用 ####

class ExampleWidget(QAutoMoveResize, Ui_Form):
        def __init__(self, parent=None):
            super(ExampleWidget, self).__init__(parent)
            self.setupUi(self)
            self.setupWidget([self.widget])
            # 自定义标题栏
            QAutoTitleBar(self.widget)
    
    
    if __name__ == '__main__':
        app = QApplication([])
        main = ExampleWidget()
        main.show()
        app.exec()

[Qt_-CSDN]: https://blog.csdn.net/wenxingchen/article/details/128233022?spm=1001.2014.3001.5502