Rework VisualItemModel into VisualItemModel & VisualDataModel

QFXVisualModel provides a base class for visual models.
QFxVisualDataModel provides a visual model for Qt item view models.
QFxVisualItemModel provides a model of QFxItems.

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"
+                }
+            }
+        }
+    }
+}