Qt/C++ - Оқулық 089. QGraphicsView ішінде абсолютті орналасқан түймелер

Qt, QGraphicsView, QWidget, QPushButton

QGraphicsView ішіндегі түймелерді қалай қосуға қатысты форумда сұрақтардың санын ескере отырып, мен осы тақырып бойынша шағын оқулық жазуды шештім. Сонымен қатар, сұрақтың әртүрлі нұсқалары бар. Бұл қарапайым түйме болуы мүмкін немесе негізгі QGraphicsView үлкен карта болса, тіпті шағын карта болуы мүмкін. Жалпы алғанда, мұндай виджеттің қандай екендігі маңызды емес. Қорытындысы: негізгі QWidget бар, оның ішінде осы виджеттің ішінде абсолютті орналасуы бар басқа QWidget нысандары бар.

Бұл келесідей болады.

Кіріспе

QGraphicsView негізгі терезе виджетінде орналасады және Qt Designer арқылы қосылады.

Ал қалған түймелер тек бағдарлама коды арқылы қосылады. Бұл графикалық дизайнерді пайдалану ең қолайлы емес деп санайтын жағдайлардың бірі ғана. Өйткені кез келген жағдайда түймелердің орнын жиі өзгертуге тура келеді. Атап айтқанда, қолданба терезесінің өлшемі өзгерген сайын.

Жалпы алғанда, бағдарлама коды өте қарапайым, сондықтан дереу қолданба терезесінің тақырып файлын, сондай-ақ іске асыру файлын қарастырайық.

виджет.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()});
}

Қорытынды

Осылайша бағдарламадағы кез келген басқа виджеттер үшін абсолютті орналасуды орнатуға болады.

Маңызды мәселе - ата-ана ретінде сіз виджетті беруіңіз керек, оның ішінде жасалған виджет орналасуы керек. Бұл жағдайда ата-аналық нысан тек жадтың ағып кетуін басқару құралы ретінде қызмет етеді, яғни кірістірілген нысандарды автоматты түрде жою үшін, сонымен қатар қолданбаның графикалық интерфейсінде виджеттердің кірістіруін көрсету үшін де қызмет етеді.