ListView itemAtIndex无法返回对应索引项，视图宽度绑定失败原因

为什么view1.itemAtIndex(index).width会报错？ #

核心问题在于ListView的按需实例化与项回收机制：

• ListView并不会一次性创建所有模型对应的delegate实例，只会创建当前可见区域（加上缓存区域）内的项。当项滚动出可见区域时，ListView会回收这些实例以节省内存。
• 当view2的某个索引项先被创建时，view1对应的项可能还没被实例化（比如初始化时还没加载到，或者view1还没滚动到该位置），这时候view1.itemAtIndex(index)会返回null，访问null.width自然就抛出TypeError。
• 即使初始化时部分项能正常获取宽度，当你滚动视图时，view1中被回收的项会变成null，后续view2的项如果重新绑定也会触发错误。

可靠的解决方案：将宽度数据绑定到模型 #

既然两个ListView共用同一模型，最稳妥的方式是把每个项的宽度数据存储在模型中，让两个视图的delegate直接从模型读取宽度，而不是依赖另一个ListView的实例。这样完全避开了ListView实例化时机的问题。

示例代码修改：

1. 首先调整模型，加入宽度字段（假设你的ts_model是ListModel）：

ListModel {
    id: ts_model
    // 示例元素，可根据实际需求动态生成或修改
    ListElement { width: 60 }
    ListElement { width: 75 }
    ListElement { width: 55 }
}

2. 修改view1的delegate，绑定并更新模型中的宽度（如果宽度是动态计算的，比如基于文本内容）：

ListView {
    id: view1
    y: 0
    height: 50
    width: parent.width
    model: ts_model
    delegate: Rectangle {
        id: delegateRect
        width: model.width
        height: 50
        color: "black"
        Text {
            id: indexText
            text: index
            color: "white"
        }

        // 如果宽度需要动态计算（比如根据文本长度），在这里更新模型
        Component.onCompleted: {
            // 示例：根据文本实际宽度加边距计算
            let calcWidth = indexText.width + 10;
            ts_model.set(index, {width: calcWidth});
        }
    }
    orientation: Qt.Horizontal
    layoutDirection: "LeftToRight"
    spacing: 5
}

3. 修改view2的delegate，直接读取模型中的宽度：

ListView {
    id: view2
    y: 100
    height: 50
    width: parent.width
    model: ts_model
    delegate: Rectangle {
        color: "yellow"
        width: model.width
        height: 50
        Text {
            text: index
        }
    }
    orientation: Qt.Horizontal
    layoutDirection: "LeftToRight"
    spacing: 5
}

其他可选方案（不推荐大数量场景） #

如果不想修改模型，也可以用一个单独的数组存储宽度，在view1的delegate中更新数组，view2绑定数组对应索引：

property var itemWidths: []

// view1的delegate中添加
Component.onCompleted: {
    itemWidths[index] = delegateRect.width
}
onWidthChanged: {
    itemWidths[index] = width
}

// view2的delegate宽度绑定
width: itemWidths[index] || 50 // 加默认值避免初始null

但这种方式需要注意数组的初始化长度，且数据量大时不如模型存储可靠。

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