1.概要
需求
1.一个可以拖拽的矩形,拖拽边线缩放矩形
2.点击矩形可以上下整体拖拽矩形
2.代码
#include <QApplication>
#include <QGraphicsView>
#include <QGraphicsScene>
#include <QGraphicsRectItem>
#include <QMouseEvent>
#include <QGraphicsSceneMouseEvent>
#include <QLabel>
#include <QDebug>
#include <iostream>
//https://blog.csdn.net/xie__jin__cheng/article/details/140438674?spm=1001.2014.3001.5501
//qt 创建一个矩形,矩形的边线可以拖拽,拖拽时这个矩形随着这个边线缩放
class ResizableRectItem2 : public QGraphicsRectItem {
public:
ResizableRectItem2(const QRectF &rect, QGraphicsItem *parent = nullptr)
: QGraphicsRectItem(rect, parent),
dragging(false),
dragStartSize(QSizeF()),
dragStartPos(QPointF()) {
std::cout<<"ResizableRectItem";
}
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;
}
else if(isMouseInsideRect(pos)){
setCursor(Qt::OpenHandCursor);
dragging = true;
dragStartPoint = event->pos();
currentEdge = DraggingEdge;
}
}
//QGraphicsRectItem::mousePressEvent(event);
}
void mouseMoveEvent(QGraphicsSceneMouseEvent *event) override {
if (dragging) {
QPointF pos = event->pos();
QSizeF newSize = dragStartSize;
qDebug()<<"QGraphicsSceneMouseEvent:";
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;
case DraggingEdge:
auto dy = event->pos().y() - dragStartPoint.y();
QPointF newPos = this->pos() + QPointF(0, dy);
setPos(newPos);
//dragStartPoint = event->pos();
}
}
//QGraphicsRectItem::mouseMoveEvent(event);
}
void mouseReleaseEvent(QGraphicsSceneMouseEvent *event) override {
dragging = false;
// 鼠标不在线条上,恢复默认光标形状
setCursor(Qt::ArrowCursor);
QGraphicsRectItem::mouseReleaseEvent(event);
}
private:
bool isChange;
QPointF dragStartPoint;
QColor hoverColor;
QColor normalColor;
bool dragging;
QSizeF dragStartSize;
QPointF dragStartPos;
enum Edge { LeftEdge, RightEdge, TopEdge, BottomEdge,DraggingEdge };
Edge currentEdge;
bool isMouseInsideRect(const QPointF &mousePos) const {
return true;
bool ret = rect().contains(mousePos);
qDebug()<<"ret:"<<ret;
if(ret) {
qDebug()<<"in";
}else{
qDebug()<<"not in";
}
return ret;
}
};
class MainWindow2: public QWidget{
public:
MainWindow2(QWidget *parent = nullptr) : QWidget(parent){
// 创建一个QLabel,并设置文本和位置
QLabel *label = new QLabel("这是一个被挡住的QLabel", this);
label->setGeometry(0, 0, 500, 400); // 设置QLabel的位置和大小
label->setStyleSheet("QLabel { background-color: red; }"); // 设置背景颜色为红色
// 创建一个QGraphicsScene和QGraphicsView
QGraphicsScene *scene = new QGraphicsScene();
QGraphicsView *view = new QGraphicsView(scene, this);
view->setStyleSheet("QGraphicsView { background-color: transparent; }");
view->setGeometry(10, 10, 500, 400);
// 设置QGraphicsView的属性以确保背景透明
//view->setAttribute(Qt::WA_TranslucentBackground);
//view->setFrameShape(QFrame::NoFrame); // 去除边框
//view->setBackgroundBrush(Qt::NoBrush); // 不设置背景刷,保持透明
// 设定原始矩形的参数
int originalX = 10;
int originalY = 30;
int originalWidth = 400;
int originalHeight = 100;
auto *rect = new ResizableRectItem2(QRectF(originalX, originalY, originalWidth, originalHeight));
// 计算拆分后的两个矩形的参数
int spacing = 10;
int rect1Width = (originalWidth - spacing) / 2;
int rect2Width = originalWidth - rect1Width - spacing;
// 创建两个QGraphicsRectItem对象,分别代表拆分后的矩形
auto* rectItem1 = new ResizableRectItem2(QRectF(originalX, originalY, rect1Width, originalHeight));
auto* rectItem2 = new ResizableRectItem2(QRectF(originalX + rect1Width + spacing, originalY, rect2Width, originalHeight));
// 将拆分后的矩形添加到场景中
scene->addItem(rectItem1);
scene->addItem(rectItem2);
}
};
/*
**需求:创建一个矩形,矩形下面有一个图片,指定矩形区域裁切图片
**要求:1矩形区域可以拆分
**设计:设计一个图层,一个发图片,一个放矩形
**通过拆分矩形增加矩形数量,通过缩放矩形选择裁切区域
*/
int main(int argc, char *argv[]) {
QApplication app(argc, argv);
qDebug()<<"dddd";
std::cout<<"ResizableRectItem";
MainWindow2 window;
window.resize(500, 400);
window.show();
return app.exec();
}
3.运行结果
3.1 图片
3.2 视频
qt 创建一个可以拖拽的矩形,简单实验 方案3