diff options
Diffstat (limited to 'examples/declarative/listview/itemlist.qml')
-rw-r--r-- | examples/declarative/listview/itemlist.qml | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/examples/declarative/listview/itemlist.qml b/examples/declarative/listview/itemlist.qml new file mode 100644 index 0000000..046321b --- /dev/null +++ b/examples/declarative/listview/itemlist.qml @@ -0,0 +1,57 @@ +// This example demonstrates placing items in a view using +// a VisualItemModel + +import Qt 4.6 + +Rect { + color: "lightgray" + width: 240 + height: 320 + + VisualItemModel { + id: ItemModel + Rect { + height: View.height; width: View.width; color: "#FFFEF0" + Text { text: "Page 1"; font.bold: true; anchors.centerIn: parent } + } + Rect { + height: View.height; width: View.width; color: "#F0FFF7" + Text { text: "Page 2"; font.bold: true; anchors.centerIn: parent } + } + Rect { + height: View.height; width: View.width; color: "#F4F0FF" + Text { text: "Page 3"; font.bold: true; anchors.centerIn: parent } + } + } + + ListView { + id: View + anchors.fill: parent + anchors.bottomMargin: 30 + model: ItemModel + currentItemPositioning: "SnapAuto" + orientation: "Horizontal" + } + + Rect { + color: "gray" + anchors.top: View.bottom + anchors.bottom: parent.bottom + height: 30 + width: 240 + + HorizontalLayout { + anchors.centerIn: parent + spacing: 20 + Repeater { + dataSource: ItemModel.count + Rect { + width: 5; height: 5 + radius: 3 + MouseRegion { width: 20; height: 20; anchors.centerIn: parent; onClicked: View.currentIndex = index } + color: View.currentIndex == index ? "blue" : "white" + } + } + } + } +} |