首页 > 其他分享 >qt 创建一个可以拖拽的矩形,简单实践

qt 创建一个可以拖拽的矩形,简单实践

时间:2024-07-19 16:29:01浏览次数:13  
标签:qt int dragStartPos dragStartSize pos event 矩形 拖拽 rect

1.概要

需求,一个可以拖拽的矩形,鼠标接近边线点击变成可拖拽形状。

2.代码

#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QMouseEvent>
#include <QGraphicsSceneMouseEvent>
#include <QLabel>
//https://blog.csdn.net/xie__jin__cheng/article/details/140438674?spm=1001.2014.3001.5501
//qt 创建一个矩形,矩形的边线可以拖拽,拖拽时这个矩形随着这个边线缩放
class ResizableRectItem : public QGraphicsRectItem {
public:
    ResizableRectItem(const QRectF &rect, QGraphicsItem *parent = nullptr)
        : QGraphicsRectItem(rect, parent),
        dragging(false),
        dragStartSize(QSizeF()),
        dragStartPos(QPointF()) {}

protected:
    void mousePressEvent(QGraphicsSceneMouseEvent *event) override {
        if (event->button() == Qt::LeftButton) {
            // Check if the mouse click is close to any of the rectangle's edges
            QRectF rect = this->rect();
            QPointF pos = event->pos();
            QSizeF size = rect.size();
            const int edgeSensitivity = 5; // Pixels

            if (qAbs(pos.x() - rect.x()) < edgeSensitivity) {
                setCursor(Qt::SizeHorCursor);
                // Left edge
                dragging = true;
                dragStartSize = size;
                dragStartPos = pos;
                currentEdge = LeftEdge;
            } else if (qAbs(pos.x() - (rect.x() + rect.width())) < edgeSensitivity) {
                setCursor(Qt::SizeHorCursor);
                // Right edge
                dragging = true;
                dragStartSize = size;
                dragStartPos = pos;
                currentEdge = RightEdge;
            } else if (qAbs(pos.y() - rect.y()) < edgeSensitivity) {
                setCursor(Qt::SizeVerCursor);
                // Top edge
                dragging = true;
                dragStartSize = size;
                dragStartPos = pos;
                currentEdge = TopEdge;
            } else if (qAbs(pos.y() - (rect.y() + rect.height())) < edgeSensitivity) {
                setCursor(Qt::SizeVerCursor);
                // Bottom edge
                dragging = true;
                dragStartSize = size;
                dragStartPos = pos;
                currentEdge = BottomEdge;
            }
        }
        //QGraphicsRectItem::mousePressEvent(event);
    }

    void mouseMoveEvent(QGraphicsSceneMouseEvent *event) override {
        if (dragging) {
            QPointF pos = event->pos();
            QSizeF newSize = dragStartSize;

            switch (currentEdge) {
            case LeftEdge:
                newSize.setWidth(dragStartSize.width() - ( pos.x()-dragStartPos.x()));
                this->setRect(QRectF(pos.x(), this->rect().y(), newSize.width(), this->rect().height()));
                break;
            case RightEdge:
                newSize.setWidth(dragStartSize.width() + (pos.x() - dragStartPos.x()));
                this->setRect(QRectF(this->rect().x(), this->rect().y(), newSize.width(), this->rect().height()));
                break;
            case TopEdge:
                newSize.setHeight(dragStartSize.height() - (pos.y() - dragStartPos.y()));
                this->setRect(QRectF(this->rect().x(), pos.y(), this->rect().width(), newSize.height()));
                break;
            case BottomEdge:
                newSize.setHeight(dragStartSize.height() + (pos.y() - dragStartPos.y()));
                this->setRect(QRectF(this->rect().x(), this->rect().y(), this->rect().width(), newSize.height()));
                break;
            }
        }
        //QGraphicsRectItem::mouseMoveEvent(event);
    }

    void mouseReleaseEvent(QGraphicsSceneMouseEvent *event) override {
        dragging = false;
        // 鼠标不在线条上,恢复默认光标形状
        setCursor(Qt::ArrowCursor);
        QGraphicsRectItem::mouseReleaseEvent(event);
    }

private:
    bool dragging;
    QSizeF dragStartSize;
    QPointF dragStartPos;
    enum Edge { LeftEdge, RightEdge, TopEdge, BottomEdge };
    Edge currentEdge;
};

class MainWindow : public QGraphicsView {
public:
    MainWindow(QWidget *parent = nullptr) : QGraphicsView(parent) {

        auto *scene = new QGraphicsScene(this);
        this->setScene(scene);

        // 设定原始矩形的参数
        int originalX = 10;
        int originalY = 10;
        int originalWidth = 200;
        int originalHeight = 100;

        auto *rect = new ResizableRectItem(QRectF(originalX, originalY, originalWidth, originalHeight));

        // 计算拆分后的两个矩形的参数
        int spacing = 10;
        int rect1Width = (originalWidth - spacing) / 2;
        int rect2Width = originalWidth - rect1Width - spacing;

        // 创建两个QGraphicsRectItem对象,分别代表拆分后的矩形
        auto* rectItem1 = new ResizableRectItem(QRectF(originalX, originalY, rect1Width, originalHeight));
        auto* rectItem2 = new ResizableRectItem(QRectF(originalX + rect1Width + spacing, originalY, rect2Width, originalHeight));

        // 将拆分后的矩形添加到场景中
        scene->addItem(rectItem1);
        scene->addItem(rectItem2);

        //scene->addItem(rect);

    }
};




int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    MainWindow window;
    window.resize(400, 300);

    window.show();

    return app.exec();
}

3.运行结果

<iframe allowfullscreen="true" data-mediaembed="bilibili" frameborder="0" id="qrGnaS2L-1721113953746" src="https://player.bilibili.com/player.html?aid=112794414352060"></iframe>

拖拽插件演示

标签:qt,int,dragStartPos,dragStartSize,pos,event,矩形,拖拽,rect
From: https://blog.csdn.net/xie__jin__cheng/article/details/140463435

相关文章

  • QT开发积累——浮点类型的大小比较-----qFuzzyCompare 的作用
    目录引出qt中浮点类型的大小比较-----qFuzzyCompare的作用总结日积月累,开发集锦方法参数加const和不加const的区别方法加static和不加static的区别Qt遍历list提高效率显示函数的调用使用`&`与不使用`&`qt方法的参数中使用`&`与不使用`&`除法的一个坑项目创建相关新建......
  • LeetCode 363. 矩形区域不超过 K 的最大数值和
    363.矩形区域不超过K的最大数值和给你一个 mxn 的矩阵 matrix 和一个整数 k ,找出并返回矩阵内部矩形区域的不超过 k 的最大数值和。题目数据保证总会存在一个数值和不超过 k 的矩形区域。示例1:输入:matrix=[[1,0,1],[0,-2,3]],k=2输出:2解释:蓝色边......
  • Figma数值输入框支持拖拽调整功能实现
    最近再研究Figma的一些功能设计,对其中的数值输入框可以直接鼠标拖拽的这个设计印象非常深刻.这里用了其他网友的一张动态截图演示一下效果.实际这个拖拽的功能不止看到的这么简单,在深度研究使用之后,发现这个拖拽可以无限的拖动,当鼠标超出网页后会自动回到另一端然后继......
  • 如何在QT使用定时器
    最近得我再学习如何使用QT来编写计时器,也学习到2种图片的显示方式:Qobject定时器1.通过Qobject来做定时器,首先,我们需要在Headers里需要添加来设置一个计时器,计时多长时间,它是以毫秒为单位的,这边我们以1000毫秒为例,#defineTIMEOUT1*1000在开启计时器的时候,开始计时器,我们使......
  • 闲话 718:1x2 骨牌的矩形覆盖计数
    注:以下的\(i\)不在下标时均代表虚数单位,\([n]=\{1,2,...,n\}\)。首先把格子当成点,连一个图出来:上下格子连向上的边,左右格子交替连向左/向右的边。这样求完美匹配方案数即可。这样假设搞出来的邻接矩阵是\(S\)。那么\(ans=Pf(S)=\sqrt{\detS}\)。通过对行的缩放操作(即初等变......
  • 大一菜鸡QT大作业之五子棋
    作者本人为大一即将结束的菜鸡一枚,刚刚完成了暑期课程,上交了自己的QT编程项目----五子棋游戏,较为简陋,由于不打算投入大量时间(只投入了不到一个星期),且不会五子棋人机对战的算法,所以本人的项目是由自己在开源网站上搜索到的两个五子棋项目修改而成,该五子棋具有人人对战,人机对战,联......
  • 【Python】使用PySide6 + Qt Designer创建简易用户界面(含用户交互)
    【Python】使用PySide6+QtDesigner创建简易用户界面(含用户交互)文章目录【Python】使用PySide6+QtDesigner创建简易用户界面(含用户交互)相关代码运行环境操作过程1.PySide6和QtDesigner的安装2.创建外部工具PyUIC和QtDesigner3.QtDesigner的简单使用说明4.完整代......
  • springboot整合mqtt
    安装emqxhttps://blog.csdn.net/weixin_41542513/article/details/134328627springboot整合mqtt1、引入依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-integration&l......
  • Qt区分鼠标按下时移动的是哪个多边形
    使用不同的鼠标事件处理器:为每个多边形分配不同的事件处理器,或者在同一个处理器中使用逻辑来区分。检查鼠标点击位置:在鼠标按下事件中,检查鼠标的位置是否在某个多边形的边上或顶点上。使用图形的标识符:给每个多边形分配一个唯一的标识符,并在鼠标事件中使用这个标识符来识......
  • leetcode 1459 矩形面积(postgresql)
    需求表:Points±--------------±--------+|ColumnName|Type|±--------------±--------+|id|int||x_value|int||y_value|int|±--------------±--------+id是该表主键每个点都用二维坐标(x_value,y_value)表示写一个SQL语句,报告由表......