如何在QML的GridView中仅修改点击单元格的文本颜色？

原代码中定义的textColor是全局共享属性，所有单元格的Text组件都绑定了这个值，所以修改它会导致所有单元格文本颜色同步变化，这是问题的核心原因。以下是两种针对性的解决方案：

方案1：利用GridView的currentIndex实现单选（推荐） #

适合单选场景，点击单元格时设置GridView的currentIndex，通过判断当前单元格的model.index是否与currentIndex匹配来切换文本颜色：

GridView {
    id: gridAmplitudeValues
    x: 20; y: 63;
    width: 544; height: 227;
    cellWidth: 136; cellHeight: 38
    interactive: false
    
    Component {
        id: cellContent

        Rectangle {
            width: 117; height: 38;
            color: "lightgreen";
            Text {
                id: textValue;
                text: "text";
                // 根据当前单元格是否为选中索引切换颜色
                color: gridAmplitudeValues.currentIndex === model.index ? "red" : "black";
            }
            
            MouseArea {
                anchors.fill: parent
                onClicked:{
                    gridAmplitudeValues.currentIndex = model.index;
                }
            }
        }
    }

    model: 24
    delegate: cellContent
}

方案2：每个单元格独立维护选中状态（支持多选） #

如果需要多个单元格同时变色，给每个delegate添加独立的选中状态属性，点击时切换该属性即可：

GridView {
    id: gridAmplitudeValues
    x: 20; y: 63;
    width: 544; height: 227;
    cellWidth: 136; cellHeight: 38
    interactive: false
    
    Component {
        id: cellContent

        Rectangle {
            width: 117; height: 38;
            color: "lightgreen";
            // 每个单元格独有的选中状态
            property bool isSelected: false
            
            Text {
                id: textValue;
                text: "text";
                color: isSelected ? "red" : "black";
            }
            
            MouseArea {
                anchors.fill: parent
                onClicked:{
                    // 切换当前单元格的选中状态
                    isSelected = !isSelected;
                }
            }
        }
    }

    model: 24
    delegate: cellContent
}

内容的提问来源于stack exchange，提问作者Yacine