Qt/C++ - Tutorial 089. Schaltflächen mit absoluter Positionierung in QGraphicsView

Qt, QGraphicsView, QWidget, QPushButton

Angesichts der vielen Fragen im Forum zum Hinzufügen von Schaltflächen in QGraphicsView habe ich beschlossen, ein kleines Tutorial zu diesem Thema zu schreiben. Darüber hinaus gibt es verschiedene Optionen für die Frage. Dies kann eine normale Schaltfläche oder sogar eine Minikarte sein, wenn die Haupt-QGraphicsView die große Karte ist. Im Allgemeinen spielt es keine Rolle, was genau ein solches Widget ist. Die Quintessenz ist, dass es ein Haupt-QWidget gibt, in dem sich andere QWidget-Objekte befinden, die eine absolute Positionierung innerhalb dieses Widgets haben.

Es wird so aussehen.

Einführung

QGraphicsView befindet sich im Hauptfenster-Widget und wird über Qt Designer hinzugefügt.

Während der Rest der Schaltflächen nur durch den Programmcode hinzugefügt wird. Dies ist nur einer der Fälle, in denen ich den Einsatz eines Grafikdesigners nicht am bequemsten finde. Denn in jedem Fall müssen Sie die Position der Schaltflächen häufig ändern. Nämlich jedes Mal, wenn die Größe des Anwendungsfensters geändert wird.

Im Allgemeinen ist der Programmcode ziemlich einfach, also betrachten wir gleich die Header-Datei des Anwendungsfensters sowie die Implementierungsdatei.

Widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

namespace Ui {
class Widget;
}

class QPushButton;

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = nullptr);
    ~Widget();

    virtual void resizeEvent(QResizeEvent *event) override;

private:
    void updateButtonsPosition();

    Ui::Widget *ui;

    // Buttons with absolute positioning
    QPushButton* m_topLeftButton;
    QPushButton* m_topRightButton;
    QPushButton* m_bottomLeftButton;
    QPushButton* m_bottomRightButton;
};

#endif // WIDGET_H

Widget.cpp

#include "widget.h"
#include "ui_widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    // Create all buttons with absolute positioning
    m_topLeftButton = new QPushButton("Top Left", ui->graphicsView);
    m_topRightButton = new QPushButton("Top Right", ui->graphicsView);
    m_bottomLeftButton = new QPushButton("Bottom Left", ui->graphicsView);
    m_bottomRightButton = new QPushButton("Bottom Right", ui->graphicsView);
    // Update button positions
    updateButtonsPosition();
}

Widget::~Widget()
{
    delete ui;
}

void Widget::resizeEvent(QResizeEvent *event)
{
    Q_UNUSED(event);
    // We update the button positions for each resize event of the main window
    updateButtonsPosition();
}

void Widget::updateButtonsPosition()
{
    // The logic of changing the absolute positions of buttons inside QGraphicsView
    QRect graphicsViewGeometry = ui->graphicsView->geometry();
    m_topLeftButton->setGeometry({25,
                                  25,
                                  m_topLeftButton->geometry().width(),
                                  m_topLeftButton->geometry().height()});
    m_topRightButton->setGeometry({graphicsViewGeometry.width() - m_topRightButton->geometry().width() - 25,
                                   25,
                                   m_topRightButton->geometry().width(),
                                   m_topRightButton->geometry().height()});
    m_bottomLeftButton->setGeometry({25,
                                     graphicsViewGeometry.height() - m_bottomLeftButton->geometry().height() - 25,
                                     m_bottomLeftButton->geometry().width(),
                                     m_bottomLeftButton->geometry().height()});
    m_bottomRightButton->setGeometry({graphicsViewGeometry.width() - m_bottomRightButton->geometry().width() - 25,
                                      graphicsViewGeometry.height() - m_bottomRightButton->geometry().height() - 25,
                                      m_bottomRightButton->geometry().width(),
                                      m_bottomRightButton->geometry().height()});
}

Fazit

Auf diese Weise können Sie die absolute Positionierung für alle anderen Widgets in Ihrem Programm festlegen.

Ein wichtiger Punkt ist, dass Sie als Elternteil ein Widget übergeben müssen, in dem sich das erstellte Widget befinden soll. In diesem Fall dient das übergeordnete Objekt nicht nur als Memory Leak Controller, also zum automatischen Löschen von verschachtelten Objekten, sondern auch zum Anzeigen der Verschachtelung von Widgets in der grafischen Oberfläche der Anwendung.