QT Qml中相应pressed却不响应released问题解决

最新推荐文章于 2024-08-20 16:47:47 发布
转载 最新推荐文章于 2024-08-20 16:47:47 发布 · 921 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/flywuya/blog/757745
文章标签：

#移动开发

本文分享了在使用QML进行UI开发时，MouseArea在失去焦点后不再响应事件的问题及解决方案。通过设置activeFocusOnTab属性为true，解决了因切换窗口或虚拟按键导致的后续事件不响应问题。

qml好用啊，可是有点小坑要填，填坑过程也很有趣

遇到问题MouseArea在pressed后，切出焦点（windows下tab切换窗口，android下切出虚拟按键） 导致不响应后续事件

直接上结果

activeFocusOnTab: true;

打log观察activeFocus过程中偶然发现的，不知道有没有副作用，发出来是想帮助同样掉坑的同学;-)

转载于:https://my.oschina.net/flywuya/blog/757745

chouxie3005
关注
103.qt qml-最全Table新增下拉复制功能
抵抗时间扭曲，坚持做一件有意义的事
07-29 842
在上篇文章我们实现了大部分功能，所以本章实现下拉复制功能。
100.qt qml-MultiPointTouchArea多点触摸缩放拖拽
抵抗时间扭曲，坚持做一件有意义的事
04-23 1225
它提供了一个mouseEnabled属性，该属性默认为true,也就是说也会处理鼠标事件，鼠标事件其实就是当个触摸点,如果设置为false,则只会处理多个触摸的事件,并且将单个触摸点事件(鼠标事件)交给其它能支持鼠标事件的对象处理(比如MouseArea)MultiPointTouchArea是一个不可见的项目，用于跟踪多个触摸点,它的父类是Item,所以我们可以通过enabled来设置触摸是启用还是禁用。接下来我们添加偏移点。代码已在触摸屏上已测试通过。
Qml TouchPointPressed without previous release event 错误处理
一个老菜鸟的学习分享
07-24 1541
文章目录背景解决方案一（参考网上）解决方案二总结 背景 qml项目中遇到了错误： TouchPointPressed without previous release event QQuickEventPoint(valid:true accepted:false state:Pressed scenePos:QPointF(164.333,152.333) id:2000002 timeHeld:0) 原因从错误可以看出，当点击时间触发了press但是没有收到release抬起事件，这种错误发生在当按钮
QML MouseArea中双击事件中丢失onReleased事件解决方案
shorlly的专栏
08-20 642
在工作中遇到ListView中Item项双击后，弹窗操作，再次操作Item项时，需要单独点击一次鼠标后才能正常操作。signal objItemSelected(var idx) //单选。采用逻辑控制，在第二次onReleased事件后再通知doubleclicked事件，切换焦点。异常双击过程输出为（收到双击事件后弹出另一个qml窗口，焦点聚焦到新qml）推断因焦点转移，造成第二次onReleased事件丢失。正常双击过程输出为（收到双击事件后无后续弹窗）摘抄修改部分代码如下。
jquery dialog的关闭事件不触发，触发不了
weixin_30632899的博客
09-19 587
在网上大部分是： close:function(event,ui){}; 但不管用，不过onClose:function(){};挺好使的，终于找到了 转载于:https://www.cnblogs.com/guozefeng/p/3329609.html
QLabel不能响应QMouseReleaseEvent事件原因
面条有点辣
10-08 720
Qt中鼠标释放事件QMouseReleaseEvent未捕捉原因。
qt qml
Software designers are not code farmers
08-29 3733
前言 本文作为开发QT qml 技术总结和常用函数功能总结，不是很适合初学者。 初学者参考资源：https://pan.baidu.com/s/1rwOwKOMoON0ffGcSorndew 本人收集的资料仅供参考。 qml 基础 qml 和 quick支持基本类型 //Qml bool Binary true/false value double ...
QT学习笔记-qml开发
优快云5817的博客
06-26 2844
鼠标区域悬停使能（hoverEnabled:false具有悬浮特性的事件不会被触发，例如：onContainsMouseChanged，onMouseXChanged）1.在 QML 中，可以通过信号和槽来实现元素之间的通信。1)添加图片和动图，以及子文件，实现控件的构造及析构，图片、动图的放大缩小以及倍数播放暂停。鼠标无动作：normal、鼠标按下：red_color、鼠标松开：blue_color。2.选择创建路径和项目名称（不能有中文），后面一直点击下一步到工程建立完成。透明度0.1-1、持续1s;
92.qt qml-日期/日期时间/时间选择器(日历选择器)
抵抗时间扭曲，坚持做一件有意义的事
07-11 3289
QML日历组件我们之前移植过:67.qt quick-qml自定义日历组件(支持竖屏和横屏)_qml日历_诺谦的博客-优快云博客但是该组件内部代码比较坑的就是全部使用自定义对象，导致性能不行，动画卡顿，并且不好加时间选择，所以本章我们重新学习，然后重构一个日期时间选择器，支持更改日期 或者 日期时间重构需要使用到Calendar类和样式类2.Calendar类介绍int,一周中各天的显示格式(在页眉中)。Locale.ShortFormat是默认的推荐格式。
Qt QPushButton 解决触摸屏点击 pressed样式表无效
我是唐
03-12 7556
目录1.简述2.解决思路3.代码 1.简述 QPushButton{backgroud:red;} QPushButton:pressed{backgroud:gray;} Qt5.7.1 以上样式表,在Win10的触摸屏上，鼠标点击按钮会变成灰色，一切正常。 但是触摸不松开，按钮一直的红色的，没有按下效果。 2.解决思路 翻阅文章，虽然没有找到解决办法，但是有得到一个有价值的信息，触摸事件和鼠标事件有差异。 先打印按钮鼠标和触摸按下的事件有什么区别。 继承QPushButton，设置接受触摸事件，重写
Qt的setMouseTracking使用
热门推荐
EK的专栏
01-21 3万+
bool mouseTracking这个属性保存的是窗口部件跟踪鼠标是否生效。如果鼠标跟踪失效（默认），当鼠标被移动的时候只有在至少一个鼠标按键被按下时，这个窗口部件才会接收鼠标移动事件。 如果鼠标跟踪生效，如果没有按键被按下，这个窗口部件也会接收鼠标移动事件。 也可以参考mouseMoveEvent()和QApplication::setGlobalMou
release下qt信号和槽不触发、ui控件不存在运行中断等问题的原因
wangto_的博客
05-25 678
debug和release的moc文件生成位置在一个路径下，导致在编译链接时本应该用到release的moc文件，结果却用了debug的moc文件，导致生成的可执行文件出现信号和槽不触发、程序中断等问题
Qt中不让某个控件响应鼠标事件的办法
weixin_44864066的博客
08-09 6329
如果不进行任何设置，鼠标点击在控件上的时候，if语句是进不去的，因为鼠标事件被控件响应了，所以为了不让控件响应它的鼠标事件，只需设置一下属性就行。 方法：btn->setAttribute(Qt::WA_TransparentForMouseEvents, true); void Widget::mousePressEvent(QMouseEvent *event) { if(event->button() == Qt::LeftButton) { qDebug(
QML---鼠标事件与鼠标事件穿透
aoiyoru的博客
12-02 2734
qml鼠标事件与穿透
QT 不能响应mouserelease事件
qq769651718的专栏
05-23 7019
遇到，只能响应mousepress事件而不能响应
QML之MouseArea事件
Luck-Dream的博客
06-08 8050
QML的鼠标事件是通过不可见元素MouseArea来实现，常用的事件有点击，双击，长按等。常用的设置有鼠标作用域设置，鼠标按键设置等。下面代码详细说明 Rectangle{ id:rec_test height: 300 width: 300 radius: 5 color: "gray"
Qt事件过滤器原理(installEventFilter函数)
黄邦勇帅的博客
10-11 2万+
Qt事件过滤器原理 事件过滤器用于拦截传递到目标对象的事件，这样可以实现监视目标对象事件的作用。 1、Qt实现事件过滤器的步骤如下： ①、Qt调用 void QObject::installEventFilter (QObject* filterObj) 把filterObj对象安装(或注册)为事件过滤器，filterObj也称为过滤器对象。事件过滤器通常在构造函数中进行注册。 ②、在上一步注册的...
Qt鼠标事件触发不了
Mr Qin的博客
02-19 5742
1.如果只是mouseMoveEvent事件无法触发的话，那么很可能是缺少了“this->setMouseTracking(true);”，因为该其特别消耗计算机的资源，默认关闭了。 2.如果其他事件（如mouseReleaseEvent和mousePressEvent）也不行，那么很可能是因为鼠标放在了控件上，比如你修改了QtWidget的鼠标按压事件，那么你在上面控件上按压鼠标是不会触发...
QML 中MultiPointTouchArea如何响应双击事件
最新发布
07-06
<think>在QML中，`MultiPointTouchArea`主要用于处理多点触摸事件，但它本身并不直接支持双击事件。不过，我们可以通过结合`Timer`和事件处理来实现双击检测。以下是实现双击事件的步骤： 1. 记录每次触摸点的按下事件。 2. 使用一个计时器来判断两次点击的时间间隔是否在设定的双击时间范围内。 3. 如果两次点击的时间间隔小于阈值，则触发双击事件。 由于`MultiPointTouchArea`可以跟踪多个触摸点，我们需要为每个触摸点单独跟踪点击事件。但是，双击通常只关注单个点的连续两次点击。因此，我们可以只跟踪第一个触摸点的双击事件，或者根据需求设计。 以下是一个示例代码，演示如何在`MultiPointTouchArea`中实现双击事件： ```qml import QtQuick 2.12 import QtQuick.Window 2.12 Window { visible: true width: 400 height: 400 title: "MultiPointTouchArea Double Click" Rectangle { id: touchAreaRect anchors.fill: parent color: "lightgray" MultiPointTouchArea { id: touchArea anchors.fill: parent minimumTouchPoints: 1 maximumTouchPoints: 2 // 用于记录上一次点击的时间 property var lastClickTime: 0 // 双击时间阈值（毫秒） property int doubleClickThreshold: 300 touchPoints: [ TouchPoint { id: point1 }, TouchPoint { id: point2 } ] onPressed: { // 当有触摸点按下时，检查时间间隔 var currentTime = new Date().getTime(); if (currentTime - lastClickTime < doubleClickThreshold) { // 触发双击事件 console.log("Double click detected!"); // 执行双击操作 doubleClickDetected(); // 重置时间，避免连续三次点击触发两次双击 lastClickTime = 0; } else { // 第一次点击，记录时间 lastClickTime = currentTime; } } } function doubleClickDetected() { // 双击事件处理 touchAreaRect.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1); } } } ``` **代码解释：** 1. **属性定义：** - `lastClickTime`：记录上一次点击的时间戳（毫秒）。 - `doubleClickThreshold`：双击时间间隔阈值，这里设置为300毫秒（通常双击间隔在300-500毫秒内）。 2. **onPressed处理：** - 当触摸点按下时（`onPressed`信号被触发），获取当前时间。 - 判断当前时间与上一次点击时间的间隔是否小于阈值： - 如果小于阈值，则触发双击事件（调用`doubleClickDetected`函数），并重置`lastClickTime`为0（避免第三次点击再次触发双击）。 - 否则，记录当前时间作为`lastClickTime`。 3. **双击事件处理：** - 在`doubleClickDetected`函数中，我们简单地改变矩形的颜色作为演示。 **注意：** - 上述代码只检测第一个触摸点的双击事件（因为`onPressed`信号在任意触摸点按下时都会触发，且我们只记录了一个时间）。如果要区分不同的触摸点，需要为每个触摸点单独记录时间。但是，双击通常是由同一个触摸点（或同一个位置）的连续两次点击触发的，因此上述实现对于大多数情况已经足够。 - 如果要求更精确的双击（比如要求两次点击在相近的位置），可以增加位置判断，记录上一次点击的位置并与当前点击位置进行比较。 **改进版本（增加位置判断）：** ```qml import QtQuick 2.12 import QtQuick.Window 2.12 Window { visible: true width: 400 height: 400 title: "MultiPointTouchArea Double Click with Position" Rectangle { id: touchAreaRect anchors.fill: parent color: "lightgray" MultiPointTouchArea { id: touchArea anchors.fill: parent minimumTouchPoints: 1 maximumTouchPoints: 2 property double lastClickTime: 0 property int doubleClickThreshold: 300 property point lastClickPos: Qt.point(0,0) property double posThreshold: 20 // 位置允许的偏移阈值 touchPoints: [ TouchPoint { id: point1 }, TouchPoint { id: point2 } ] onPressed: { var currentTime = new Date().getTime(); var currentPos = touchPoints[0].startX; // 取第一个触摸点的位置 if (currentTime - lastClickTime < doubleClickThreshold) { // 检查位置是否在阈值范围内 if (Math.abs(currentPos.x - lastClickPos.x) < posThreshold && Math.abs(currentPos.y - lastClickPos.y) < posThreshold) { console.log("Double click detected at", currentPos); doubleClickDetected(); lastClickTime = 0; } else { // 位置超出范围，更新为本次点击的时间和位置 lastClickTime = currentTime; lastClickPos = currentPos; } } else { lastClickTime = currentTime; lastClickPos = currentPos; } } } function doubleClickDetected() { touchAreaRect.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1); } } } ``` 在这个改进版本中，我们增加了： - `lastClickPos`：记录上一次点击的位置。 - `posThreshold`：位置偏移的阈值（像素）。 - 在判断双击时，除了时间间隔，还要求两次点击的位置在阈值范围内。 **注意：** 这里我们只取了第一个触摸点（`touchPoints[0]`）的位置。如果你需要支持多个触摸点的双击，需要为每个触摸点单独记录，但通常双击事件只关注主触摸点。 §§相关问题§§: 1. 在QML中，如何区分单点触摸和多点触摸事件？ 2. 如何实现QML中触摸手势的识别（如捏合、旋转）？ 3. 如何处理QML中触摸事件的冲突（例如父元素和子元素同时处理触摸事件）？ 4. 在QML中，如何检测长按触摸事件？</think># QML 中 MultiPointTouchArea 响应双击事件实现方案 在 QML 中，`MultiPointTouchArea` 主要用于处理多点触控事件，但它本身不直接支持双击事件检测。要实现双击事件响应，我们需要结合计时器和状态管理来识别双击手势。以下是完整的实现方案： ## 基本实现方案 ```qml import QtQuick 2.6 import QtQuick.Controls 2.0 Item { width: 400 height: 400 Rectangle { id: touchArea anchors.fill: parent color: "lightblue" MultiPointTouchArea { id: multiTouch anchors.fill: parent minimumTouchPoints: 1 maximumTouchPoints: 5 // 双击检测相关属性 property bool touchPressed: false property int touchCount: 0 property double lastTouchTime: 0 property double doubleClickTimeout: 300 // 双击时间阈值(毫秒) // 检测双击事件 function checkForDoubleTouch(point) { var currentTime = new Date().getTime(); if (touchPressed && (currentTime - lastTouchTime) < doubleClickTimeout) { touchCount++; if (touchCount === 2) { console.log("Double touch detected at", point.x, point.y); doubleTouchDetected(point); } } else { touchCount = 1; } lastTouchTime = currentTime; touchPressed = true; } // 双击事件处理函数 function doubleTouchDetected(point) { // 实现双击响应逻辑 console.log("Double touch handled at", point.x, point.y); touchArea.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1); // 重置状态 touchCount = 0; touchPressed = false; } // 触摸点按下处理 onPressed: { for (var i = 0; i < touchPoints.length; i++) { if (touchPoints[i].pressed) { checkForDoubleTouch(touchPoints[i]); } } } // 触摸点释放处理 onReleased: { touchPressed = false; // 设置重置计时器 resetTimer.start(); } // 重置状态计时器 Timer { id: resetTimer interval: multiTouch.doubleClickTimeout * 1.5 onTriggered: { multiTouch.touchCount = 0; multiTouch.touchPressed = false; } } } Text { anchors.centerIn: parent text: "双击区域" font.pixelSize: 24 } } } ``` ### 代码解释 1. **双击检测逻辑**： - `checkForDoubleTouch()` 函数检测连续两次触摸的时间间隔 - `doubleClickTimeout` 定义双击识别的时间窗口（300毫秒是常见值） - `touchCount` 跟踪连续触摸次数 2. **事件处理流程**： - `onPressed`：当触摸点按下时，检查是否满足双击条件 - `onReleased`：当触摸点释放时，启动重置计时器 - `resetTimer`：确保在超时后重置双击状态 3. **状态管理**： - `touchPressed` 跟踪当前是否有触摸点处于按下状态 - `lastTouchTime` 记录上次触摸的时间戳 - `touchCount` 记录连续触摸次数 4. **双击响应**： - `doubleTouchDetected()` 函数处理双击事件 - 示例中随机改变背景颜色作为响应 ## 进阶实现：区分单点和多点双击 ```qml import QtQuick 2.6 import QtQuick.Controls 2.0 Item { width: 600 height: 400 // 单点双击区域 Rectangle { id: singleTouchArea width: parent.width / 2 height: parent.height color: "lightgreen" MultiPointTouchArea { anchors.fill: parent onPressed: { if (touchPoints.length === 1) { detectDoubleTouch(touchPoints[0], "single"); } } } Text { anchors.centerIn: parent text: "单点双击区域" font.pixelSize: 20 } } // 多点双击区域 Rectangle { id: multiTouchArea x: parent.width / 2 width: parent.width / 2 height: parent.height color: "lightblue" MultiPointTouchArea { anchors.fill: parent onPressed: { if (touchPoints.length >= 2) { detectDoubleTouch(null, "multi"); } } } Text { anchors.centerIn: parent text: "多点双击区域" font.pixelSize: 20 } } // 双击检测逻辑 function detectDoubleTouch(point, type) { var currentTime = new Date().getTime(); if (lastTouchTime[type] && (currentTime - lastTouchTime[type]) < doubleClickTimeout) { touchCount[type]++; if (touchCount[type] === 2) { console.log(type + " double touch detected"); if (type === "single") { singleTouchArea.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1); } else { multiTouchArea.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1); } touchCount[type] = 0; } } else { touchCount[type] = 1; } lastTouchTime[type] = currentTime; } // 双击检测状态 property var lastTouchTime: ({"single": 0, "multi": 0}) property var touchCount: ({"single": 0, "multi": 0}) property double doubleClickTimeout: 300 } ``` ### 代码解释 1. **区分单点和多点双击**： - 左侧区域检测单点双击（一个手指） - 右侧区域检测多点双击（两个或更多手指） 2. **状态管理优化**： - 使用字典存储不同类型双击的状态 - `lastTouchTime` 和 `touchCount` 分别记录每种类型的时间戳和计数 3. **统一检测函数**： - `detectDoubleTouch()` 处理所有类型的双击检测 - 根据类型参数执行不同的响应逻辑 ## 最佳实践与注意事项 1. **时间阈值选择**： - 通常 200-500ms 是合理的双击识别窗口 - 可通过用户设置调整：`doubleClickTimeout = settings.doubleClickInterval` 2. **位置一致性检测**： ```qml property point lastTouchPosition: Qt.point(0, 0) property double positionThreshold: 20 // 像素 function isNearPreviousPosition(point) { return Math.abs(point.x - lastTouchPosition.x) < positionThreshold && Math.abs(point.y - lastTouchPosition.y) < positionThreshold; } ``` 在双击检测中加入位置检查，确保两次触摸在相近位置 3. **性能优化**： - 避免在`onPressed`中执行复杂操作 - 使用`Timer`代替`setTimeout`确保事件循环正常 - 复杂场景下使用`TouchPoint`的`id`跟踪特定触摸点 4. **触摸点跟踪**： ```qml property var activeTouches: ({}) onPressed: { for (var i = 0; i < touchPoints.length; i++) { var touch = touchPoints[i]; activeTouches[touch.pointId] = { id: touch.pointId, startTime: new Date().getTime(), position: Qt.point(touch.x, touch.y) }; } } ``` 使用字典按ID跟踪触摸点，处理更复杂的交互
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值