鼠标单击时突出显示 QML ListView 项目

Question

我注意到列表视图将自动/默认突出显示第一项我如何禁用它并仅突出显示我在鼠标单击时选择的项目？

Component {
id: highlight
Rectangle {
    width: 180; height: 40
    color: "lightsteelblue"; radius: 5
    y: list.currentItem.y
    Behavior on y {
        SpringAnimation {
            spring: 3
            damping: 0.2
        }
    }
  }
}

ListView {
   id: list
   width: 180; height: 200
   model: ContactModel {}
   delegate: Text {
    text: name 
        
      MouseArea{
          anchors.fill: parent
          onClicked: {
          list.currentIndex = index
         }
      }
    }

   highlight: highlight
   highlightFollowsCurrentItem: false
   focus: true
}

我已经完成了鼠标部分，但我坚持在项目附加时禁用突出显示。

Answer 1

默认情况下， currentIndex设置为0 ，这就是为什么第一个项目总是开始突出显示的原因。 您可以通过简单地将currentIndex初始化为 -1 来关闭它。

ListView {
    currentIndex: -1
    ...
}

Answer 2

好的，经过几个小时的搜索，我使用了onCountChanged信号来指示添加到列表中的项目，然后 rest 将ListView currentIndex设置为-1 ，所以代码将是这样的

onCountChanged: {
   list.currentIndex = -1
}