summaryrefslogtreecommitdiffstats
path: root/examples/declarative/listview/itemlist.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/declarative/listview/itemlist.qml')
-rw-r--r--examples/declarative/listview/itemlist.qml57
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"
+ }
+ }
+ }
+ }
+}