QML ListView的highlightFollowsCurrentItem自动滚动被鼠标悬停中断问题

问题根因 #

• 默认配置下ListView的hoverEnabled属性为true，鼠标划过列表项时会自动修改currentIndex，触发高亮位置变更，打断highlightFollowsCurrentItem触发的自动滚动流程
• 之前尝试的interactive: !moving绑定会触发循环：interactive设为false时会强制终止ListView的滚动状态，导致moving值变更，反过来又修改interactive，形成死循环

修复方案 #

方案1：全局禁用ListView悬停事件（最简单） #

如果业务不需要鼠标悬停切换高亮的效果，直接关闭ListView的悬停响应即可：

ListView {
    id: listView
    highlightFollowsCurrentItem: true
    // 新增此行，禁用悬停事件触发currentIndex变更
    hoverEnabled: false
    // 其余原有配置保持不变
}

该方案不会影响鼠标点击切换选中项的逻辑，仅屏蔽悬停触发的选中变更

方案2：滚动期间临时屏蔽悬停事件（保留悬停功能） #

如果需要保留常态下的悬停高亮效果，只在自动滚动期间屏蔽悬停干扰，通过信号触发属性修改即可避免绑定循环：

ListView {
    id: listView
    highlightFollowsCurrentItem: true
    // 存储常态下的悬停开关状态
    property bool normalHoverEnabled: true

    // 监听滚动状态变更，动态修改悬停开关
    onMovingChanged: {
        if (moving) {
            normalHoverEnabled = hoverEnabled
            hoverEnabled = false
        } else {
            hoverEnabled = normalHoverEnabled
        }
    }
    // 其余原有配置保持不变
}

方案3：自定义delegate悬停逻辑（保留单项悬停样式） #

如果只需要delegate自身展示悬停样式，不需要触发ListView全局高亮切换，直接在delegate内部处理悬停事件即可：

ListView {
    id: listView
    highlightFollowsCurrentItem: true
    delegate: Item {
        id: delegateRoot
        property bool isHovered: false

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered: delegateRoot.isHovered = true
            onExited: delegateRoot.isHovered = false
            // 仅响应点击事件，不处理悬停选中逻辑
            onClicked: listView.currentIndex = index
        }
        // 其余delegate样式逻辑，用isHovered控制悬停样式
    }
}

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