如何在保持 Flickable 功能的同时在 Flickable 中包含可拖动项目？

Question

目前我有一个带有网格的 Flickable。网格包含一堆正方形。 Flickable 在这里工作得很好。我可以上下滚动并查看我所有的方格。但现在我希望能够在我的 Flickable 中拖动方块。

所以我添加了一个 MouseArea 并设置了适当的拖动目标。现在可以拖动方块了！然而，方块似乎从 Flickable 中窃取了鼠标事件。所以滚动 Flickable 的唯一方法是将鼠标光标拖到方块之间的空间上（非常难！）

这是我的代码：

Flickable {
    id: flickable
    contentHeight: grid.height
    anchors.fill: parent

    Grid {
        id: grid
        width: parent.width
        spacing: 2

        Repeater {
            id: repeater
            model: 40
            delegate: tile
        }
    }
}

Component {
   id: tile

   Rectangle {
       id: rect
       width: 128
       height: 128
       color: "black"

       MouseArea {
           id: mouseArea
           anchors.fill: parent
           drag.target: rect
       }
   }
}

非常感谢任何帮助。谢谢！

Answer 1

感谢this post 我被告知了 Flickable 的 pressDelay 属性。这已经解决了我的问题！