import Qt 4.7

Rectangle {

    width: 300; height: 400; color: "black"

    ListModel {

        id: appModel

        ListElement { lColor: "red" }

        ListElement { lColor: "yellow" }

        ListElement { lColor: "green" }

        ListElement { lColor: "blue" }

        ListElement { lColor: "purple" }

        ListElement { lColor: "orange" }

        ListElement { lColor: "pink" }

        ListElement { lColor: "brown" }

        ListElement { lColor: "gray" }

        ListElement { lColor: "red" }

        ListElement { lColor: "yellow" }

        ListElement { lColor: "green" }

        ListElement { lColor: "blue" }

        ListElement { lColor: "purple" }

        ListElement { lColor: "orange" }

        ListElement { lColor: "pink" }

        ListElement { lColor: "brown" }

        ListElement { lColor: "gray" }

        ListElement { lColor: "red" }

        ListElement { lColor: "yellow" }

        ListElement { lColor: "green" }

    }

    Component {

        id: appDelegate

        Item {

            width: 100; height: 100

            Rectangle {

                color: lColor; x: 4; y: 4

                width: 92; height: 92

            }

        }

    }

    GridView {

        id: gridView; anchors.fill: parent

        cellWidth: 100; cellHeight: 100; cacheBuffer: 200

        model: appModel; delegate: appDelegate; focus: true

        keyNavigationWraps: true

        flickableData: [

            Rectangle {

                color: "transparent"; border.color: "white"; border.width: 8; z: 3000

                height: 100; width: 100

                x: gridView.currentItem.x

                y: gridView.currentItem.y

                Behavior on x { SmoothedAnimation { velocity: 500 } }

                Behavior on y { SmoothedAnimation { velocity: 500 } }

            }

        ]

    }

}