import QtQuick 2.13
import QtQuick.Controls 2.13

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Scroll")

    ListView {
        id: listView

        anchors.fill: parent
        model: 30
        spacing: 50
        delegate: Pane {
            id: delegatePane

            width: parent.width
            background: Rectangle {
                implicitWidth: 100
                implicitHeight: 60
                color: mouseArea.pressed ? "red" : "grey"
                border.width: 1

                Label {
                    anchors.centerIn: parent
                    text: index
                }
            }

            MouseArea {
                id: mouseArea

                parent: delegatePane
                width: parent.width
                height: 60
                onReleased: {
                    console.debug("onReleased")
                }
                onPressed: {
                    console.debug("onPressed")
                }

                states: State {
                    when: mouseArea.pressed
                    ParentChange { target: mouseArea; parent: listView }
                }
            }
        }
    }
}