QML：当拖动到 ScrollView 之外时，拖动项目会被剪辑

Question

我有一个 ScrollView，其中包含几个可拖动的矩形。

当我将一个项目拖到该 ScrollView 之外时，我希望它保持可见，但它会在 ScrollView 的边缘被剪裁。

我尝试使用 z 值，但它完全没有效果。知道我还能尝试什么吗？

Answer 1

拖动矩形时，需要将矩形的父级更改为ScrollView的父级。

如果您希望矩形在拖动后始终保持在 ScrollView 之外，请在鼠标释放后分配一个新状态，而不是 when: dragMe.drag.active。

Item{
    id: root
    width: 500
    height: 500
    ScrollView {
        width: 200
        height: 200

        Item{
            width: 500
            height: 500

            Rectangle{
                id: rect
                color: "red"
                width: 50
                height: 50
                MouseArea{
                    id: dragMe
                    drag.target: parent
                    anchors.fill: parent
                }
                states: State {
                    when: dragMe.drag.active
                    ParentChange { target: rect; parent: root }
                }
            }
        }
    }
}