Qt学习历程（二）：QML鼠标悬停事件光标进入退出某区域（非点击按压信号）

最新推荐文章于 2025-07-08 10:38:00 发布

原创

最新推荐文章于 2025-07-08 10:38:00 发布 · 9.8k 阅读

4 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何在Qt Quick（QML）中处理鼠标悬停事件，通过示例展示了当鼠标光标进入和退出矩形区域时，如何改变另一个矩形的可见性状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import QtQuick 2.5

import QtQuick.Window 2.2

Window {

    width: 200

    height: 150

    Rectangle

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hey545521859

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

第11篇 QML基本元素之鼠标区域元素（MouseArea）

Fanjufei的博客

02-07

810

鼠标区域元素用于不同元素的交互，当用户与可视化端口交互的时候，mouseArea可以执行一系列动作。代码如下： import QtQuick 2.9 import QtQuick.Window 2.2 Window { visible: true width: 600 height: 400 Rectangle { id: rect1 x: 12; y: 12 width: 80; height: 80

QML 鼠标事件

青春不老，奋斗不止！

02-27

2592

QML 中有一些元素本身是不具备交互能力的（例如：Rectangle、Text、Image 等），那么如何通过鼠标来控制它们的行为呢？这里就需要用到 MouseArea 元素了。

2 条评论您还未登录，请先登录后发表或查看评论

鼠标悬停出现提示信息怎么做？(提示)

cainiao_M的博客

03-05

4953

概述 – 提示：指启示，提起注意或给予提醒和解释。在 excel 中会经常用到给某个格子增加提醒信息，比如金额提示输入数值或最大长度值等等。设置方式也有多种，简单的，仅为单元格插入批注就可以了，也有复杂的有效性验证方式。下图为批注方式：另外，在网页设计中也常常看到同样功能，常见的帮助提示框（tips），鼠标悬停在帮助图标上时，显示所有的帮助信息。也不难，几行 JS 脚本的事儿。 ...

QML中的Rectangle

最新发布

Made In SQL

07-08

607

Rectangle是QML中最常用的可视元素之一，专门用于在用户界面中绘制矩形区域。它继承自Qt Quick模块中的Item类（QtQuick::Item），是Qt Quick基础可视化元素体系中的重要组成部分。

QML自定义MouseArea实现控件悬停n秒出现提示

qq_42131061的博客

01-26

2462

找了很多帖子，貌似qt官方没有提供控件悬停一小会儿出现提示文本的属性，于是看了官方关于MouseArea和ToolTip的介绍，自己做一个啦假设要为一个RoundButton添加一个两秒的鼠标悬浮提示，代码就是下面这个样子： RoundButton { icon.name: "pause" icon.source: "./icons/musicplayer/32x32/pause.png" icon.width: 32

鼠标进入某区域和离开某区域，动态效果

阿金的ACM

01-29

463

网上的 void enterEvent(QEvent *); void leaveEvent(QEvent *); void QQWidget::enterEvent(QEvent *) { if(ui->widget->geometry().contains(this->mapFromGlobal(QCursor::pos()))) { qDebug()<<"123"; } } void QQWidget::leaveEvent

QML鼠标事件

qq_45303986的博客

03-01

2021

如果传播复合事件设置为 true，则组合事件将自动传播到场景中同一位置的其他鼠标区域。每个事件都按堆叠顺序传播到其下方的下一个启用的 MouseArea，向下传播此可视层次结构，直到 MouseArea 接受该事件。与事件不同，如果不存在处理程序，则不会自动接受组合事件。保存组合鼠标事件是否将自动传播到与此鼠标区域重叠但在可视堆叠顺序中较低的其他鼠标区域。默认情况下，此属性为 false。Drag.XAndYAxis 水平和竖直。Drag.YAxis 竖直。Drag.XAxis 水平。

QtQuick QML教程(19): 鼠标键盘事件处理

琅嬛福地

03-21

1675

键盘事件 qml对键盘的处理，处理利用Keys，例如按键按下的处理： pressed(KeyEvent event) This signal is emitted when a key has been pressed. The event parameter provides information about the event. The corresponding handler is onPressed. 类似于Qt的keyPressEvent事件，在qml中也是一样，如果要处理按键按下，就调用Ke

QtQuick QML教程(35)：qml QtObject用法介绍

琅嬛福地

12-04

1050

`QtObject` 是 Qt/QML 中的一个基础类型，通常用作创建一个没有 UI 的（不渲染任何东西的）纯逻辑对象。可以使用它来组织代码、存储状态或者作为属性和方法的容器。

Qt QML实现鼠标自由选择不规则区域进行截图

03-14

在QML中实现鼠标自由选择不规则区域进行截图，需要使用到QML提供的组件和API来捕获鼠标事件，并且能够根据鼠标移动的轨迹绘制和更新选区。这个过程涉及到以下几个关键步骤：首先，需要在QML界面中定义用于截图的...

Qml学习——动画

weixin_45001971的博客

02-09

1070

Qml学习——动画

鼠标悬停上显示出提示文字

weixin_34122810的博客

02-06

3151

2019独角兽企业重金招聘Python工程师标准>>> ...

9.qml-MouseArea组件、MouseEvent事件

抵抗时间扭曲，坚持做一件有意义的事

04-02

1663

1. MouseArea介绍使用的模块版本为: import QtQuick 2.14 MouseArea是一个不可见的item子类，通常与可视化类(比如Rectangle)结合使用，以便为该可视化类提供鼠标处理。通过有效地充当代理，鼠标处理的逻辑可以包含在MouseArea中进行处理。其中enabled属性用于开启和禁用鼠标处理,默认为true,设置false时，M...

QT-QML：解决多个qml组件重叠时表现异常的方法[以mousearea为例]

2401_83709388的博客

03-20

2364

qml中，经常会遇到多个需要点击的组件重叠，点击重叠部分时，结果不符预期的问题。因为某个组件设置anchors.fill;parent，或者其他原因，不该触发的组件被触发，该触发的没反应。我查了很多资料，只是谈mousearea用法，很少有人谈到这个问题。所以，我来简单说一下，避免更多新人像我一样踩坑。

QML---鼠标事件与鼠标事件穿透

aoiyoru的博客

12-02

2668

qml鼠标事件与穿透

QML鼠标事件传递（鼠标穿透）

龚建波

11-18

1万+

有时候，我们的MouseArea区域重叠了，这时候默认是最上层的MouseArea接收鼠标事件，而我们可能需要底层也能接收这个事件。虽然可以关联两个MouseArea的信号，但是这种操作局限性比较大，耦合性太强，某个MouseArea并不能被外部所见等等。在Qt Widgets中可以通过setAttribute(Qt::WA_TransparentForMouseEvents,true...

Qt5制作鼠标悬停显示Hint的ToolTip

Qt学习历程（二）：QML鼠标悬停事件 光标进入退出某区域（非点击按压信号）

Qt学习历程（二）：QML鼠标悬停事件光标进入退出某区域（非点击按压信号）