Keep the highlighted ListView item centered

2019-08-19 14:46:40 -04:00
parent c841a7a841
commit 99bbe7f3ee
2 changed files with 12 additions and 0 deletions
--- a/src/qml/Base/HFixedListView.qml
+++ b/src/qml/Base/HFixedListView.qml
@@ -6,6 +6,16 @@ ListView {
    currentIndex: -1
    highlightMoveDuration: theme.animationDuration

+    // Keep highlighted delegate at the center
+    highlightRangeMode: ListView.ApplyRange
+    preferredHighlightBegin: height / 2 - currentItemHeight
+    preferredHighlightEnd: height / 2 + currentItemHeight
+
+
+    readonly property int currentItemHeight:
+        currentItem ? currentItem.height : 0
+
+
    highlight: HRectangle {
        color: theme.controls.interactiveRectangle.checkedOverlay
        opacity: theme.controls.interactiveRectangle.checkedOpacity