tests/auto/declarative/qmlvisual/qdeclarativegridview/gridview.qml

   1 import QtQuick 1.0
   2
   3 Rectangle {
   4     width: 300; height: 400; color: "black"
   5
   6     ListModel {
   7         id: appModel
   8         ListElement { lColor: "red" }
   9         ListElement { lColor: "yellow" }
  10         ListElement { lColor: "green" }
  11         ListElement { lColor: "blue" }
  12         ListElement { lColor: "purple" }
  13         ListElement { lColor: "orange" }
  14         ListElement { lColor: "pink" }
  15         ListElement { lColor: "brown" }
  16         ListElement { lColor: "gray" }
  17         ListElement { lColor: "red" }
  18         ListElement { lColor: "yellow" }
  19         ListElement { lColor: "green" }
  20         ListElement { lColor: "blue" }
  21         ListElement { lColor: "purple" }
  22         ListElement { lColor: "orange" }
  23         ListElement { lColor: "pink" }
  24         ListElement { lColor: "brown" }
  25         ListElement { lColor: "gray" }
  26     }
  27
  28     Component {
  29         id: appDelegate
  30         Item {
  31             width: 100; height: 100
  32             Rectangle {
  33                 color: lColor; x: 4; y: 4
  34             width: 92; height: 92
  35         }
  36         }
  37     }
  38
  39     Component {
  40         id: appHighlight
  41         Rectangle { width: 100; height: 100; color: "white"; z: 0 }
  42     }
  43
  44     GridView {
  45         anchors.fill: parent
  46         cellWidth: 100; cellHeight: 100; cacheBuffer: 200
  47         model: appModel; delegate: appDelegate
  48         highlight: appHighlight
  49         focus: true
  50     }
  51 }