Improve interaction between snapping and sections

* Use velocity to prefer snapping in the active direction.
* Calculate snap based on where the item is, rather than where
  the section is.

Change-Id: I2531501dbe0a58f26f20bc3e719e435185e047a5
Task-number: QTBUG-67051
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>

1 files changed, 49 insertions, 0 deletions

diff --git a/tests/auto/quick/qquicklistview/data/sectionSnapping.qml b/tests/auto/quick/qquicklistview/data/sectionSnapping.qml
new file mode 100644
index 0000000000..2583cc0377
--- /dev/null
+++ b/tests/auto/quick/qquicklistview/data/sectionSnapping.qml
@@ -0,0 +1,49 @@
+import QtQuick 2.0
+
+ListView {
+    width: 400
+    height: 400
+    preferredHighlightBegin: 100
+    preferredHighlightEnd: 100
+    highlightRangeMode: ListView.StrictlyEnforceRange
+
+    model: ListModel {
+        ListElement { section: "1" }
+        ListElement { section: "1" }
+        ListElement { section: "1" }
+        ListElement { section: "2" }
+        ListElement { section: "2" }
+        ListElement { section: "2" }
+    }
+
+    delegate: Rectangle {
+        width: parent.width
+        height: 50
+        color: index % 2 ? "lightsteelblue" : "steelblue"
+        Text {
+            anchors.centerIn: parent
+            color: "white"
+            text: model.index
+        }
+    }
+
+    section.property: "section"
+    section.delegate: Rectangle {
+        width: parent.width
+        height: 50
+        color: "green"
+        Text {
+            anchors.centerIn: parent
+            color: "white"
+            text: "section"
+        }
+    }
+
+    highlight: Rectangle {
+        y: 100
+        z: 100
+        width: parent.width
+        height: 50
+        color: "#80FF0000"
+    }
+}