listviewdragitem's Introduction

Reordering a ListView via drag'n'drop

This repository contains the source code used for a series of articles demonstrating how to implement reordering of a Qt Quick ListView via drag'n'drop.

listviewdragitem's People

Contributors

Stargazers

Watchers

listviewdragitem's Issues

Delay drag

Hi @agateau

Thanks for this elaborate example! I've been looking for something like this for a long time, and I do love a good cut'n'paste ;)

I've been trying to add a delay to the drag operation, as it is very often triggered when scrolling the ListView on a touch screen.

And it doesn't work. The dragArea is moved immediately, it just blocks the drop until timeout.

        SilicaItem {
            id: contentItemWrapper
            anchors.fill: parent
            //Drag.active: dragArea.drag.active
            Drag.hotSpot {
                x: contentItem.width / 2
                y: contentItem.height / 2
            }
            property bool dragActive: dragArea.drag.active
            property Timer dragDelay: Timer {
                interval: 0
                onTriggered: {
                    console.log("DraggableItem.dragDelay.start")
                    contentItemWrapper.Drag.active = dragArea.drag.active
                }
            }
            onDragActiveChanged: {
                dragDelay.start()
            }
            MouseArea {
                id: dragArea
                anchors.fill: parent
                drag.target: parent
                drag.axis: ListView.orientation === ListView.Horizontal ? Drag.XAxis : Drag.YAxis
                drag.smoothed: false

                onReleased: {
                    if (drag.active) {
                        emitMoveItemRequested();
                    }
                }
            }
        }

Do you have an idea where to delay the drag?

Hi,
Thanks for sharing the DraggableItem. I have been playing around with it but there is one issue: the background is always white (unless I manually insert a rectangle with another color).
Do you have a hint what causes the white background?

Recommend Projects