在 QML 中，hoverEnabled 是一个属性，用于控制项（例如按钮、矩形等）是否响应鼠标悬停事件。当该属性设置为 true 时，项将能够检测到鼠标光标的悬停状态，从而允许你对这些状态做出反应，比如更改视觉样式或执行特定操作。
主要特点：
默认为
false：大多数项的hoverEnabled属性默认值是false。这意味着它们不会响应鼠标悬停事件，除非明确设置为true。与样式和交互结合使用：通过结合使用
hoverEnabled和其他相关属性（如MouseArea），你可以创建复杂的用户界面交互。例如，当用户将鼠标悬停在按钮上时，可以改变按钮的颜色或显示额外的信息。可用于自定义控件：对于自定义控件来说，启用悬停检测可以增加用户体验，使其更加直观。
示例
以下是一个简单示例，展示了如何使用 hoverEnabled：
import QtQuick 2.15
import QtQuick.Controls 2.15
ApplicationWindow {
visible: true
width: 400
height: 300
Rectangle {
id: myRectangle
width: 100
height: 100
color: "blue"
hoverEnabled: true // 启用悬停功能
// 悬停时改变颜色
onHoveredChanged: {
if (hovered) {
myRectangle.color = "green";
} else {
myRectangle.color = "blue";
}
}
MouseArea {
anchors.fill: parent // 填充整个父项，以便接收鼠标事件
onClicked: {
console.log("Rectangle clicked!");
}
}
}
}
在这个例子中，我们有一个蓝色的矩形，当鼠标悬停在其上时，它会变成绿色。我们通过设置 hoverEnabled: true 来启用悬停功能，并重载了 onHoveredChanged 信号，以便在状态发生变化时修改颜色。同时，我们还添加了一个 MouseArea 来处理点击事件。
内容由零声教学AI助手提供，问题来源于学员提问
目录导航
主要特点：
示例
