如何在保持Flickable功能的同时，在Flickable中拥有可拖动的项？

Question

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

因此，我添加了一个MouseArea并设置了适当的拖动目标。现在可以拖动方块了！然而，这些方块似乎从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属性。这解决了我的问题！