创建一个矩形,当鼠标进入这个矩形的时候,这个矩形边线变色,且鼠标变成手型

1.概要

创建一个矩形,当鼠标进入这个矩形的时候,这个矩形边线变色,且鼠标变成手型

2.代码

复制代码
#include <QApplication>
#include "customRectWidget.h"
/*
 * qt 6.7版, 创建一个矩形,当鼠标进入这个矩形的时候,这个矩形边线变色,
 * 且鼠标变成手型,且这时候按下鼠标,鼠标可以上下拖动这个矩形,
 * 当鼠标松开的时候停止移动,但鼠标离开矩形的时候,矩形颜色恢复,完整代码举例;
 * 强调一下,鼠标进入矩形内,颜色变化,鼠标变成手型,不是鼠标进入矩形所在的控件就有上述变化。
*/
int main(int argc, char *argv[]) {
    QApplication app(argc, argv);
    CustomRectWidget widget;
    widget.show();
    return app.exec();
}

#ifndef CUSTOMRECTWIDGET_H
#define CUSTOMRECTWIDGET_H

#include <QWidget>
#include <QMouseEvent>

class CustomRectWidget : public QWidget {
    Q_OBJECT

public:
    explicit CustomRectWidget(QWidget *parent = nullptr);

protected:
    void paintEvent(QPaintEvent *event) override;
    void mouseMoveEvent(QMouseEvent *event) override;
    void mousePressEvent(QMouseEvent *event) override;
    void mouseReleaseEvent(QMouseEvent *event) override;
    void enterEvent(QEnterEvent *event) override;
    void leaveEvent(QEvent *event) override;
    void setIsChange(const QPoint &mousePos);
private:
    QRect rect;
    bool dragging;
    QPoint dragStartPoint;
    QColor hoverColor;
    QColor normalColor;
    bool isChange;

    bool isMouseInsideRect(const QPoint &mousePos) const;
};

#endif // CUSTOMRECTWIDGET_H

#include "customRectWidget.h"
#include <QPainter>
#include <QCursor>
#include <QDebug>

CustomRectWidget::CustomRectWidget(QWidget *parent)
    : QWidget(parent), rect(50, 50, 200, 100), dragging(false), hoverColor(Qt::red), normalColor(Qt::black) {
    setFixedSize(300, 300);
    // 启用鼠标追踪,以便在鼠标没有按下时也能接收mouseMoveEvent
    setMouseTracking(true);
}

void CustomRectWidget::setIsChange(const QPoint &mousePos){
    bool value = isMouseInsideRect(mousePos);
    if(value==isChange){
        return;
    }
    update();
    isChange = value;
}

void CustomRectWidget::paintEvent(QPaintEvent *event) {
    Q_UNUSED(event)
    QPainter painter(this);
    painter.setRenderHint(QPainter::Antialiasing, true);

    QColor borderColor = normalColor;
    if (isMouseInsideRect(mapFromGlobal(QCursor::pos()))) {
        borderColor = hoverColor;
    }

    painter.setPen(QPen(borderColor, 3));
    painter.setBrush(Qt::white);
    painter.drawRect(rect);
}

void CustomRectWidget::mousePressEvent(QMouseEvent *event) {
    setIsChange(event->pos());
    if (isMouseInsideRect(event->pos())) {
        dragging = true;
        dragStartPoint = event->pos();
    }
}

void CustomRectWidget::mouseMoveEvent(QMouseEvent *event) {
    setIsChange(event->pos());
    if (dragging && isMouseInsideRect(dragStartPoint)) {
        int dy = event->pos().y() - dragStartPoint.y();
        rect.moveTop(rect.top() + dy);
        dragStartPoint = event->pos();
        update(); // Trigger repaint with new position
    }
}

void CustomRectWidget::mouseReleaseEvent(QMouseEvent *event) {
    Q_UNUSED(event)
    dragging = false;
}

void CustomRectWidget::enterEvent(QEnterEvent *event) {
    Q_UNUSED(event)
    // We manually set the cursor in the mouseMoveEvent based on the rect position
}

void CustomRectWidget::leaveEvent(QEvent *event) {
    Q_UNUSED(event)
    // Cursor will be reset to default when leaving the widget
}

bool CustomRectWidget::isMouseInsideRect(const QPoint &mousePos) const {
    bool ret = rect.contains(mousePos);
    if(ret) {
        qDebug()<<"in";
    }else{
        qDebug()<<"not in";
    }
    return ret;
}

3.运行结果

相关推荐
大橘1 小时前
【qml-5.1】qml与c++交互(QML_ELEMENT/QML_SINGLETON)
开发语言·c++·qt·交互·qml
雾岛听蓝5 小时前
Qt按钮与标签控件详解
开发语言·经验分享·笔记·qt
碎碎念的安静5 小时前
WPF 与 Qt 进程间通信(IPC)
开发语言·qt·wpf
(Charon)5 小时前
【Qt/C++】Qt/C++ 中 :: 和 . 到底有什么区别?
开发语言·c++·qt
苕皮蓝牙土豆1 天前
Qt图形视图框架入门:坐标系统与鼠标事件处理详解
c++·qt
纤纡.1 天前
基于 PyQt5 的桌面应用开发实战:登录、预测、计算器、摄像头多功能系统
开发语言·人工智能·qt·计算机视觉
Fleshy数模1 天前
PyQt5 登录界面开发全流程:从环境配置到可视化设计
开发语言·python·qt
用户805533698031 天前
现代Qt开发教程(新手篇)1.6——内存管理
c++·qt
m0_502724951 天前
qt键盘钩子完善
stm32·qt·计算机外设
广州灵眸科技有限公司1 天前
瑞芯微(EASY EAI)RV1126B QT GUI例程方案
linux·服务器·开发语言·网络·人工智能·qt·物联网