QML and Qt Quick

Ok I helped myself right now by creating a Rectangle and setting the anchor to the handle. Then I rendered everything necessary on top. Rectangle{ anchors.centerIn: handle z: 1 width: 76 height: 76 radius: width / 2 border.width: 3 border.color: temperatureControlSlider.pressed ? "green" : "white" color: "black" } Text{ anchors.centerIn: handle z: 1 color: "red" font.pixelSize: 30 text: temperatureControlSlider.value } } It's a bit strange because I found only solutions similar to my previous post. But maybe it's because of Qt6 or so. You need to grab the handle (which is now "invisible") but yeah. It works x)

Hi and welcome to the forums. Nothing wrong with the post as such, but always good to include the Qt version used. Forgive my ignorance but Is Figma from figma.com ?

After updating to GCC 10, I am not facing that issue still now. Thanks for the support

thanks is fixed i forgot to put vlc in enveirment path

Thanks! That solved the problem.

From the directory you should read the filenames, build the model & then show them in your app.

Issue closed. Solution found. Example published here Be careful when using this kind of approach. There are a lot of memory will be used.

i manage solve it by using QProcess

Thank you very much for testing this, yes I think it's an issue, I even tested on QT Gallary example that comes with QT 6.2 and I added the rounded background and it give the same issue, but lower version this is not happen, I will report the Bug.

@vix Hi vix, have QtSupport confirmed this?

I'm not able to see the video link, probably because the post is quite long ago. The issue that I see from the code above is the data is not able to be transferred from the drag area to the drop area between different windows. To resolve the issue, I had save the value in the property of the drag area, and retrieved this value from the drop area. Here's the full code. Code changes are commented as //Changes here import QtQuick 2.2 import QtQuick.Window 2.0 Window { width: 800 height: 600 visible: true ListView { id: list anchors.fill: parent model: 5 delegate: Rectangle { width: list.width height: 30 border.color: "black" border.width: 1 Text { anchors.fill: parent text: index } Item { id: draggable anchors.fill: parent property var saved_value //Changes here Drag.active: mouseArea.drag.active Drag.hotSpot.x: 0 Drag.hotSpot.y: 0 Drag.mimeData: { "mediaItem": index } Drag.dragType: Drag.Automatic Drag.onDragStarted: { saved_value = index //Changes here } Drag.onDragFinished: { } } MouseArea { id: mouseArea anchors.fill: parent drag.target: draggable } } } Window { visible: true Text { id: text anchors.fill: parent } DropArea { anchors.fill: parent keys: ["mediaItem"] onDropped: drop => { text.text += drop.source.saved_value //Changes here drop.acceptProposedAction() } } } }

Ok, just made it with a bit of C++ magic. ListView { readonly property real maxOvershoot: 100 property bool resetting: false boundsBehavior: contentY > 0 ? ListView.StopAtBounds : ListView.DragOverBounds // Overbound draggind allowed only at top of list model: 20 onVerticalOvershootChanged: { if (Math.abs(verticalOvershoot) >= maxOvershoot && !resetting) { resetting = true; returnToBounds(); Test.ungrab(this); // C++ grab trick } } onContentYChanged: { if (contentY === 0.0 && resetting) { resetting = false; } } delegate: Rectangle { ... } } And C++ code is quite simple: Q_INVOKABLE void ungrab(QQuickItem* list) { if (list != nullptr) { list->ungrabMouse(); list->ungrabTouchPoints(); } }