qml设置Listview鼠标悬停在项上高亮

要在QML中设置ListView鼠标悬停在项上高亮，可以使用ListView的属性highlightFollowsCurrentItem。将其设置为true可以让项在鼠标悬停时高亮。例如：

ListView {
    anchors.fill: parent
    highlightFollowsCurrentItem: true

    model: ["Item 1", "Item 2", "Item 3"]

    delegate: Rectangle {
        width: parent.width
        height: 30
        color: listView.highlighted ? "lightblue" : "white"
        border.width: 1
        border.color: "black"
        Text {
            anchors.centerIn: parent
            text: modelData
        }
    }
}

在这个例子中，ListView的highlightFollowsCurrentItem属性被设置为true。在delegate中，当项被高亮时，它们会变成浅蓝色背景色。

相关问题

qml在Listview上鼠标悬停，打印此时鼠标悬停的项的索引

您可以使用ListView的onMouseMove事件和ListView的indexAt函数来实现这一功能。具体代码如下：

ListView {
    id: listView
    // ...
    onMouseMove: {
        var index = listView.indexAt(mouse.x, mouse.y);
        console.log("当前鼠标悬停的项的索引是：" + index);
    }
}

在ListView的onMouseMove事件中，使用ListView的indexAt函数获取鼠标所在项的索引，并通过console.log函数打印出来。这样，在鼠标悬停在ListView的某一项时，就能够打印出该项的索引了。

qml设置ListView选中高亮

要设置ListView选中高亮，可以使用ListView的highlight属性。具体方法如下：

1. 在ListView的外部包裹一个Rectangle，这个Rectangle的border属性为0，用来覆盖默认的选中高亮背景。

Rectangle {
    id: rect
    anchors.fill: parent
    border.width: 0
}

2. 在ListView中设置highlight属性，将其设为一个Rectangle，用来作为选中高亮背景。

ListView {
    id: listView
    anchors.fill: parent
    highlight: Rectangle {
        color: "lightblue"
        opacity: 0.5
    }
    //...
}

3. 在ListView的delegate中添加一个MouseArea，用来处理选中事件。在MouseArea的onClicked信号中，设置选中项的背景色。

ListView {
    id: listView
    //...
    delegate: Rectangle {
        width: parent.width
        height: 50
        color: listView.currentIndex === index ? "lightblue" : "white"
        MouseArea {
            anchors.fill: parent
            onClicked: {
                listView.currentIndex = index
                rect.forceActiveFocus() //强制Rectangle获取焦点，使选中高亮生效
            }
        }
    }
}

这样就可以在ListView中设置选中高亮了。注意，如果没有设置forceActiveFocus，选中高亮可能不会生效。