Ocultar o destaque de um ListView durante a rolagem
Eu estou construindo uma aplicação Qt5 com base no Qt-Quick 2 para a interface do usuário. Eu tenho um problema ao exibir um ListView com um componente de destaque. Quando eu rolar o ListView o retângulo de destaque é visível fora do ListView e não consigo encontrar uma maneira de evitá-lo.
Aqui está um exemplo do problema com um arquivo QML mínimo:
import QtQuick 2.0
Rectangle {
width: 360; height: 600
ListView {
width: 350; height: 200
anchors.centerIn: parent
id: myList
model: myModel
highlight: highlightBar
delegate: Item {
width: 400; height: 20
Text { text: name }
MouseArea {
id: mArea
anchors.fill: parent
onClicked: { myList.currentIndex = index; }
}
}
}
Component {
id: highlightBar
Rectangle {
width: parent.width; height: 20
color: "#FFFF88"
}
}
ListModel {
id: myModel
}
/* Fill the model with default values on startup */
Component.onCompleted: {
for(var i = 0; i < 100; i++) {
myModel.append({ name: "Big Animal : " + i});
}
}
}
Existe uma maneira de "limitar" um componente para suas bordas pai ou para ocultar o componente de realce durante a rolagem?