QML ListView选中列表项时修改文本颜色问题求助

架构老林

2026-6-26

问题分析与修复

你的代码核心问题是错误使用了ListView的选中状态判断方式，同时存在多余的交互逻辑冲突，具体修复点如下：

1. 错误的选中状态判断

在MsgItemDelegate.qml中，你用lv.isCurrentItem判断当前项是否选中，但lv是整个ListView实例，它的isCurrentItem属性并不代表单个delegate项的选中状态。正确做法是使用ListView附加属性ListView.isCurrentItem，这个属性会自动绑定到每个delegate实例，标识该实例是否为当前选中项。

2. 多余的MouseArea导致交互冲突

ItemDelegate本身已内置点击交互逻辑，你额外添加的MouseArea会和它的默认行为冲突，导致选中状态更新异常，直接移除即可。

修正后的完整代码

MsgItemDelegate.qml

import QtQuick 2.9
import QtQuick.Controls 2.2

ItemDelegate {
    id: root

    Label {
        id: txtLbl
        text: model.name
        // 使用ListView附加属性判断当前项是否选中
        color: ListView.isCurrentItem ? "white" : "blue"
    }
}

Main.qml

import QtQuick 2.9
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    ListView {
        id: lv
        anchors.fill: parent

        model: ListModel {
            ListElement {name: "Hai"}
            ListElement {name: "Hai1"}
            ListElement {name: "Hai2"}
            ListElement {name: "Hai3"}
            ListElement {name: "Hai4"}
            ListElement {name: "Hai5"}
            ListElement {name: "Hai6"}
            ListElement {name: "Hai7"}
        }

        delegate: MsgItemDelegate {
            // 直接使用ItemDelegate自带的clicked信号设置当前索引
            onClicked: {
                lv.currentIndex = index
                console.error("当前选中索引：", lv.currentIndex)
            }
        }

        highlight: Rectangle { color: "lightsteelblue"; radius: 5 }
    }
}