import QtQuick 2.0

Item {
    width: 500; height: 500

    ListView {

        id: view2
        width: 240; height: 320
        x: 100
        y: 100

        model: ListModel {
            id: model2
            Component.onCompleted: {
                for (var i=0; i<30; i++) {
                    append({'name': 'item ' + i, 'size': 20 })
                }
            }
        }
        delegate: Rectangle {
            width: 240; height: size; border.width: 1
            color: index % 2 == 0 ? "orange" : "green"
            Row {
                Text { text: name + " : " + index + " : " }
                Text { text: " " + parent.parent.x + ", " + parent.parent.y }
            }
            objectName: name
        }
        highlight: Rectangle { width: 100; height: 100; color: "red"; opacity: 0.5; z:2 }
    }


    Rectangle {
        anchors.fill: view2
        color: "lightsteelblue"
        opacity: 0.7

    }
}