Viadeo Twitter Google Bookmarks ! Facebook Digg del.icio.us MySpace Yahoo MyWeb Blinklist Netvouz Reddit Simpy StumbleUpon Bookmarks Windows Live Favorites 
Logo Documentation Qt ·  Page d'accueil  ·  Toutes les classes  ·  Classes principales  ·  Annotées  ·  Classes groupées  ·  Modules  ·  Fonctions  · 

Draggable Icons Example

Files:

The Draggable Icons example shows how to drag and drop image data between widgets in the same application, and between different applications.

In many situations where drag and drop is used, the user starts dragging from a particular widget and drops the payload onto another widget. In this example, we subclass QLabel to create labels that we use as drag sources, and place them inside QWidgets that serve as both containers and drop sites.

In addition, when a drag and drop operation occurs, we want to send more than just an image. We also want to send information about where the user clicked in the image so that the user can place it precisely on the drop target. This level of detail means that we must create a custom MIME type for our data.

DragWidget Class Definition

The icon widgets that we use to display icons are subclassed from QLabel:

    class DragWidget : public QFrame
    {
    public:
        DragWidget(QWidget *parent=0);

    protected:
        void dragEnterEvent(QDragEnterEvent *event);
        void dropEvent(QDropEvent *event);
        void mousePressEvent(QMouseEvent *event);
    };

Since the QLabel class provides most of what we require for the icon, we only need to reimplement the QWidget::mousePressEvent() to provide drag and drop facilities.

DragWidget Class Implementation

The DragWidget constructor sets an attribute on the widget that ensures that it will be deleted when it is closed:

    DragWidget::DragWidget(QWidget *parent)
        : QFrame(parent)
    {
        setMinimumSize(200, 200);
        setFrameStyle(QFrame::Sunken | QFrame::StyledPanel);
        setAcceptDrops(true);

        QLabel *boatIcon = new QLabel(this);
        boatIcon->setPixmap(QPixmap(":/images/boat.png"));
        boatIcon->move(20, 20);
        boatIcon->show();
        boatIcon->setAttribute(Qt::WA_DeleteOnClose);

        QLabel *carIcon = new QLabel(this);
        carIcon->setPixmap(QPixmap(":/images/car.png"));
        carIcon->move(120, 20);
        carIcon->show();
        carIcon->setAttribute(Qt::WA_DeleteOnClose);

        QLabel *houseIcon = new QLabel(this);
        houseIcon->setPixmap(QPixmap(":/images/house.png"));
        houseIcon->move(20, 120);
        houseIcon->show();
        houseIcon->setAttribute(Qt::WA_DeleteOnClose);
    }

To enable dragging from the icon, we need to act on a mouse press event. We do this by reimplementing QWidget::mousePressEvent() and setting up a QDrag object.

    void DragWidget::mousePressEvent(QMouseEvent *event)
    {
        QLabel *child = static_cast<QLabel*>(childAt(event->pos()));
        if (!child)
            return;

        QPixmap pixmap = *child->pixmap();

        QByteArray itemData;
        QDataStream dataStream(&itemData, QIODevice::WriteOnly);
        dataStream << pixmap << QPoint(event->pos() - child->pos());

Since we will be sending pixmap data for the icon and information about the user's click in the icon widget, we construct a QByteArray and package up the details using a QDataStream.

For interoperability, drag and drop operations describe the data they contain using MIME types. In Qt, we describe this data using a QMimeData object:

        QMimeData *mimeData = new QMimeData;
        mimeData->setData("application/x-dnditemdata", itemData);

We choose an unofficial MIME type for this purpose, and supply the QByteArray to the MIME data object.

The drag and drop operation itself is handled by a QDrag object:

        QDrag *drag = new QDrag(this);
        drag->setMimeData(mimeData);
        drag->setPixmap(pixmap);
        drag->setHotSpot(event->pos() - child->pos());

Here, we pass the data to the drag object, set a pixmap that will be shown alongside the cursor during the operation, and define the position of a hot spot that places the position of this pixmap under the cursor.

Publicité

Best Of

Actualités les plus lues

Semaine
Mois
Année
  1. « Quelque chose ne va vraiment pas avec les développeurs "modernes" », un développeur à "l'ancienne" critique la multiplication des bibliothèques 94
  2. Apercevoir la troisième dimension ou l'utilisation multithreadée d'OpenGL dans Qt, un article des Qt Quarterly traduit par Guillaume Belz 0
  3. Les développeurs ignorent-ils trop les failles découvertes dans leur code ? Prenez-vous en compte les remarques des autres ? 17
  4. Pourquoi les programmeurs sont-ils moins payés que les gestionnaires de programmes ? Manquent-ils de pouvoir de négociation ? 42
  5. Quelles nouveautés de C++11 Visual C++ doit-il rapidement intégrer ? Donnez-nous votre avis 10
  6. Adieu qmake, bienvenue qbs : Qt Building Suite, un outil déclaratif et extensible pour la compilation de projets Qt 17
  7. 2017 : un quinquennat pour une nouvelle version du C++ ? Possible, selon Herb Sutter 7
Page suivante

Le blog Digia au hasard

Logo

Créer des applications avec un style Metro avec Qt, exemples en QML et C++, un article de Digia Qt traduit par Thibaut Cuvelier

Le blog Digia est l'endroit privilégié pour la communication sur l'édition commerciale de Qt, où des réponses publiques sont apportées aux questions les plus posées au support. Lire l'article.

Communauté

Ressources

Liens utiles

Contact

  • Vous souhaitez rejoindre la rédaction ou proposer un tutoriel, une traduction, une question... ? Postez dans le forum Contribuez ou contactez-nous par MP ou par email (voir en bas de page).

Qt dans le magazine

Cette page est une traduction d'une page de la documentation de Qt, écrite par Nokia Corporation and/or its subsidiary(-ies). Les éventuels problèmes résultant d'une mauvaise traduction ne sont pas imputables à Nokia. Qt 4.1
Copyright © 2012 Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon, vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts. Cette page est déposée à la SACD.
Vous avez déniché une erreur ? Un bug ? Une redirection cassée ? Ou tout autre problème, quel qu'il soit ? Ou bien vous désirez participer à ce projet de traduction ? N'hésitez pas à nous contacter ou par MP !
 
 
 
 
Partenaires

Hébergement Web