Qt 重叠同级 Widget 定制化穿透点击

2023-10-07 13:40

本文主要是介绍Qt 重叠同级 Widget 定制化穿透点击,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

先来先看效果,三个部分重叠的正方形,每个正方形中间有个小正方形,希望点击其中一个小正方形时,不被上方的 Widget 遮挡,选中时小正方形变色。

大体思路是:
1.在主 Widget 捕获点击事件,遍历子Widget,看子Widget中的小正方形是否位于鼠标下;

2.如果子 Widget 的小正方形位于鼠标下,子 Widget 就给 小正方形发送事件,使其变色(小正方形中也捕获点击事件)。

3.如果点击在了最上层的子 Widget 的小正方形上,则直接触发了小正方形的事件。

具体实现细节见代码,UI 都是代码手写的,所以可以复制粘贴直接运行,有用的话赞点一点,复制点一点:

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H#include <QMainWindow>
#include <QString>
class MainWindow;
class BaseWidget:public QWidget{QString name;
public:QString Name();void SetName(QString name);bool IsWidget(QString name);BaseWidget(QWidget*parent);
};
class CenterRect:public BaseWidget{
public:CenterRect(QWidget*parent);void mousePressEvent(QMouseEvent* mouseEvent);
};
class EventWidget:public BaseWidget{
public:CenterRect* centerRect;MainWindow*Parent = nullptr;EventWidget(QWidget*parent,QColor color);//判断pos是否在centerRect里bool InRect(QPoint pos);//TryActivebool TryActive(QPoint pos,QEvent *e);//把事件转发给centerRectvoid TransEvent(QEvent *e);//进行激活操作void Active(QEvent *e);void ResetCenterRectColor();void ClearOtherSelection();
};class MainWindow : public QWidget
{Q_OBJECTpublic:QList<EventWidget*> EventWidgetList;MainWindow(QWidget *parent = nullptr);void mousePressEvent(QMouseEvent* mouseEvent);~MainWindow();void Clear();
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include <QMouseEvent>
#include <QDebug>
#include <QApplication>
void SetWidgetColor(QColor color, QWidget* dstWidget)
{QPalette pal(dstWidget->palette());pal.setColor(QPalette::Background, color);dstWidget->setAutoFillBackground(true);dstWidget->setPalette(pal);
}QString BaseWidget::Name()
{return name;
}void BaseWidget::SetName(QString name)
{this->name = name;
}bool BaseWidget::IsWidget(QString name)
{return this->name == name;
}BaseWidget::BaseWidget(QWidget *parent):QWidget(parent)
{//写一些通用的属性
}
CenterRect::CenterRect(QWidget *parent):BaseWidget(parent)
{SetName("CenterRect");
}void CenterRect::mousePressEvent(QMouseEvent *mouseEvent)
{((EventWidget*)parent())->ClearOtherSelection();SetWidgetColor(QColor(0,200,200),this);
}
EventWidget::EventWidget(QWidget *parent,QColor color):BaseWidget(parent)
{this->resize(400,400);Parent = (MainWindow*)parent;SetWidgetColor(color,this);centerRect = new CenterRect(this);centerRect->resize(50,50);centerRect->move(200-25,200-25);SetName("EventWidget");SetWidgetColor(QColor(200,200,0),centerRect);
}bool EventWidget::InRect(QPoint pos)
{QPoint p = mapFromParent(pos);CenterRect*rect = (CenterRect*)childAt(p);if(!rect)return false;if(!rect->IsWidget("CenterRect"))return false;return true;
}bool EventWidget::TryActive(QPoint pos,QEvent *e)
{if(InRect(pos)){Active(e);return true;}return false;
}void EventWidget::TransEvent(QEvent *e)
{QApplication::sendEvent(centerRect,e);
}void EventWidget::Active(QEvent *e)
{raise();TransEvent(e);
}void EventWidget::ResetCenterRectColor()
{SetWidgetColor(QColor(200,200,0),centerRect);
}void EventWidget::ClearOtherSelection()
{Parent->Clear();
}MainWindow::MainWindow(QWidget *parent):QWidget(parent){EventWidget*ew1 = new EventWidget(this,QColor(200,0,0,50));ew1->move(0,0);EventWidget*ew2 = new EventWidget(this,QColor(0,200,0,50));ew2->move(50,50);EventWidget*ew3 = new EventWidget(this,QColor(0,0,200,50));ew3->move(100,100);EventWidget*ew4 = new EventWidget(this,QColor(0,0,200,50));ew4->move(200,100);EventWidget*ew5 = new EventWidget(this,QColor(0,0,200,50));ew5->move(800,100);EventWidgetList.push_back(ew1);EventWidgetList.push_back(ew2);EventWidgetList.push_back(ew3);EventWidgetList.push_back(ew4);EventWidgetList.push_back(ew5);ew2->raise();}void MainWindow::mousePressEvent(QMouseEvent *event){QPoint pos = event->pos();EventWidget * widget = (EventWidget*)this->childAt(pos);if(!widget)return;if(!widget->IsWidget("EventWidget"))return;for(EventWidget*widget:EventWidgetList){widget->TryActive(pos,event);}
}MainWindow::~MainWindow()
{
}void MainWindow::Clear()
{for(EventWidget*widget:EventWidgetList){widget->ResetCenterRectColor();}
}

这篇关于Qt 重叠同级 Widget 定制化穿透点击的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/158130

相关文章

Qt 中集成mqtt协议的使用方法

《Qt中集成mqtt协议的使用方法》文章介绍了如何在工程中引入qmqtt库,并通过声明一个单例类来暴露订阅到的主题数据,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一,引入qmqtt 库二,使用一,引入qmqtt 库我是将整个头文件/源文件都添加到了工程中进行编译,这样 跨平台

SpringBoot定制JSON响应数据的实现

《SpringBoot定制JSON响应数据的实现》本文主要介绍了SpringBoot定制JSON响应数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们... 目录前言一、如何使用@jsonView这个注解?二、应用场景三、实战案例注解方式编程方式总结 前言

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》:本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷:无法手动停

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类(SystemThemeHelper)三、实现细节

Qt实现文件的压缩和解压缩操作

《Qt实现文件的压缩和解压缩操作》这篇文章主要为大家详细介绍了如何使用Qt库中的QZipReader和QZipWriter实现文件的压缩和解压缩功能,文中的示例代码简洁易懂,需要的可以参考一下... 目录一、实现方式二、具体步骤1、在.pro文件中添加模块gui-private2、通过QObject方式创建

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript

嵌入式QT开发:构建高效智能的嵌入式系统

摘要: 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发,详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程,包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发,涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用,以及嵌入式 QT 与硬件设备的交互,包括输入输出设