/**************************************************************************** ** ** Copyright (C) 2017 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the documentation of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:FDL$ ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and The Qt Company. For licensing terms ** and conditions see https://www.qt.io/terms-conditions. For further ** information use the contact form at https://www.qt.io/contact-us. ** ** GNU Free Documentation License Usage ** Alternatively, this file may be used under the terms of the GNU Free ** Documentation License version 1.3 as published by the Free Software ** Foundation and appearing in the file included in the packaging of ** this file. Please review the following information to ensure ** the GNU Free Documentation License version 1.3 requirements ** will be met: https://www.gnu.org/licenses/fdl-1.3.html. ** $QT_END_LICENSE$ ** ****************************************************************************/ /*! \title Qt Quick Examples - Drag and Drop \example draganddrop \brief This is a collection of QML drag and drop examples. \image qml-draganddrop-example.png \ingroup qtquickexamples \e{Drag and Drop} is a collection of small QML examples relating to the drag and drop functionality. For more information, visit the \l{Drag and Drop} page. \include examples-run.qdocinc \section1 Tiles \e Tiles adds drag and drop to simple rectangles, which you can drag into a specific grid. It has a DragTile component which uses a MouseArea to move an item when dragged: \snippet draganddrop/tiles/DragTile.qml 0 \snippet draganddrop/tiles/DragTile.qml 1 And a DropTile component on which the dragged tiles can be dropped: \snippet draganddrop/tiles/DropTile.qml 0 The keys property of the DropArea will only allow an item to be dropped on it if it has a matching key in its Drag.keys property. \section1 GridView Example The \e {GridView Example} adds drag and drop to a \l GridView, allowing you to visually reorder the delegates without changing the underlying \l ListModel. It uses a \l DelegateModel to move a delegate item to the position of another item it is dragged over. \snippet draganddrop/views/gridview.qml 0 \snippet draganddrop/views/gridview.qml 1 */