Exemple de ligne de zoom

Cet exemple montre comment créer votre propre effet de zoom personnalisé avec l'QRubberBand, à l'aide d'une souris, et comment utiliser les gestes tactiles pour effectuer un panoramique et zoomer.

Exécution de l’exemple

Vous pouvez exécuter l'exemple à partir de :

• Qt Creator

  Ouvrez le mode « Welcome » et sélectionnez l'exemple dans « Examples ». Pour plus d'informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.

• Qt Extension for Visual Studio Code

  Exécutez la commande « Qt: Open Qt examples » à partir de Command Palette, puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.

Personnalisation des effets de zoom

Commençons par créer une série de lignes avec des données d'exemple.

    auto series = new QLineSeries;
    for (int i = 0; i < 500; i++) {
        QPointF p((qreal) i, qSin(M_PI / 50 * i) * 100);
        p.ry() += QRandomGenerator::global()->bounded(20);
        *series << p;
    }

Ensuite, nous créons une vue de graphique personnalisée en dérivant de QChartView :

class ChartView : public QChartView

Nous redéfinissons la gestion des événements de souris et de clavier

protected:
    bool viewportEvent(QEvent *event);
    void mousePressEvent(QMouseEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void mouseReleaseEvent(QMouseEvent *event);
    void keyPressEvent(QKeyEvent *event);

Nous implémentons ensuite une logique personnalisée pour les événements de souris et de clavier. Par exemple, appuyer sur la touche « + » effectuera un zoom avant et appuyer sur la touche « - » effectuera un zoom arrière.

void ChartView::keyPressEvent(QKeyEvent *event)
{
    switch (event->key()) {
    case Qt::Key_Plus:
        chart()->zoomIn();
        break;
    case Qt::Key_Minus:
        chart()->zoomOut();
        break;

Nous créons également notre propre QChart :

class Chart : public QChart

Dans lequel nous pouvons gérer les gestes :

bool Chart::sceneEvent(QEvent *event)
{
    if (event->type() == QEvent::Gesture)
        return gestureEvent(static_cast<QGestureEvent *>(event));
    return QChart::event(event);
}

bool Chart::gestureEvent(QGestureEvent *event)
{
    if (QGesture *gesture = event->gesture(Qt::PanGesture)) {
        auto pan = static_cast<QPanGesture *>(gesture);
        QChart::scroll(-(pan->delta().x()), pan->delta().y());
    }

    if (QGesture *gesture = event->gesture(Qt::PinchGesture)) {
        auto pinch = static_cast<QPinchGesture *>(gesture);
        if (pinch->changeFlags() & QPinchGesture::ScaleFactorChanged)
            QChart::zoom(pinch->scaleFactor());
    }

    return true;
}

Notez que vous devrez appeler la méthode `grabGesture()` à la fois sur ` QMainWindow ` et sur `QChart`.

Exemple de projet sur code.qt.io