How I Can Use MapView + ScrollView

omerfurkan

Hello, I am doing some experiments with Qt 6.9. I want to use ScrollView together with MapView. I have done this, but I have a problem. When I try to scroll the ScrollView, the MapView moves as well. How can I fix this issue? I want to separate the scrolling actions of the two. In other words, when I drag the MapView, it should scroll the MapView, and when I drag the ScrollView, it should scroll the ScrollView. Right now, in both cases, the MapView is scrolling.

Psuedo code


    MapView {
        id: mapView
        anchors.fill: parent

        ScrollView {
            width: parent.width
            height: 200
            anchors.left: parent.left
            anchors.leftMargin: 5
            anchors.right: parent.right
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 5
            clip: true
            contentWidth: parent.width
            contentHeight: 200

            ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
            ScrollBar.vertical.policy: ScrollBar.AlwaysOff

            ScrollBar.horizontal.interactive: true
            ScrollBar.vertical.interactive: false

            RowLayout {
                anchors.fill: parent
                Repeater {
                    model: 10
                    delegate:  Rectangle {
                        width: 200
                        height: 300
                        color: "red"
                    }
                }
            }
        }
    }

mzimmers

I didn't actually test this, but here's one possible approach:

MapView {
    interactive: !scrollView.dragging
    ScrollView {
        id: scrollView