Bootstrap

QML拖放事件(Drag-Drop)用法及示例


在QML中拖放事件主要涉及三个组件:Draggable元素、DropArea和Drag事件。

Draggable元素: 任何可以设置Drag属性的QML组件。通常,这意味着任何继承自 Item 的组件都可以被拖动。
DropArea: 用来接收被拖动组件的区域。它可以定义响应拖放事件的行为,例如接受或拒绝放下的组件。
Drag: 一个附加在可拖动组件上的属性,控制着拖动过程中的各种行为,如开始拖动、拖动时的视觉效果等。

下面以一个例子说明一下拖放事件的用法,首先定义一个可以被拖动的Item.

Drag元素定义

//DragItem.qml
import QtQuick 2.0

Item {
   
    id: root
    //用来定义DropArea和Drag之间的匹配键值  
    property string colorKey

    width: 64; height
;