单击按钮时，QT在另一个顶部绘制一个矩形

Posted 2023-02-22

【中文标题】单击按钮时，QT在另一个顶部绘制一个矩形

【英文标题】：QT draw a rectangle on top of another when a button is clicked

【发布时间】：2016-12-01 19:34:06

【问题描述】：

我对 QT 完全陌生，并试图在单击按钮时绘制一个矩形，

单击按钮时应执行以下步骤， 1.点击按钮时。它应该打开一个带有颜色下拉列表的弹出窗口，用户可以选择一种颜色并单击“确定”，然后应该在屏幕上绘制一个具有该颜色的矩形。 2.用户可以再次点击按钮，另一个矩形应该堆叠在前一个矩形的顶部。

我编写了代码来在单击按钮时创建一个矩形，但它没有在屏幕上绘制任何内容，并引发以下消息。

#include "dialog.h"
#include "ui_dialog.h"

#include <QDialog>
#include <QComboBox>
#include <QHBoxLayout>
#include <QStringList>
#include <QDebug>
#include <QGraphicsItem>
#include <QGraphicsScene>

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)

    ui->setupUi(this);


Dialog::~Dialog()

    delete ui;


class CustomDialog : public QDialog

public:
    CustomDialog(const QStringList& items)
    
        setLayout(new QHBoxLayout());

        box = new QComboBox;
        box->addItems(items);
        layout()->addWidget(box);

        QPushButton* ok = new QPushButton("ok");
        layout()->addWidget(ok);
        connect(ok, &QPushButton::clicked, this, [this]()
        
           accept();
        );
    

    QComboBox* combobox()  return box; 

private:
    QComboBox* box;
;

void Dialog::on_pushButton_clicked()

    QStringList itemList("Red", "Blue", "Green");
    CustomDialog dialog(itemList);
    if (dialog.exec() == QDialog::Accepted)
    
        scene = new QGraphicsScene(this);
        ui->graphicsView->setScene(scene);
        QBrush redBrush(Qt::red);
        QBrush blackBrush(Qt::black);
        QPen blackpen(Qt::black);
        blackpen.setWidth(3);
        rectangle = scene->addRect(10,10,100,100,blackpen,redBrush);

        rectangle->setFlag(QGraphicsItem::ItemIsMovable);
    

我现在可以得到一个矩形，但是如果我再次单击该按钮，它应该会添加另一个矩形。 如何做到这一点。

【问题讨论】：

这个话题是不是和你的其他问题有点关系？ link

是的。你今天能帮忙吗？

1.您想要一个颜色选择器小部件还是仅从列表中提供一些预定义的颜色？用户如何指定绘制矩形的位置？单击并拖动，或者只有一些应该着色的静态区域？ 2. 堆叠是什么意思？刚画了旧的，或者你以后需要能用旧的来做事

1.我有几个预定义的颜色。 2. 是的，我在主窗口中有一个预定义的区域。 3.当我在弹出按钮中单击“确定”时，无需单击和拖动，所选颜色的矩形将绘制在主窗口上，下一个矩形将堆叠在旧矩形的顶部。 4. 矩形是可点击的，就像用户希望他可以选择矩形并在其他两个矩形之间创建一个新矩形一样。 （它应该像相互堆叠的木块，你可以在两个木栈之间插入一个新的）

1.明白了 2-4。如果我对您的理解正确，QGraphicsScene 在您的情况下可能会派上用场。但是，如果您可以在某些图像上显示您想要的结果（堆叠的矩形）以进行澄清，那就太好了。矩形只能以编程方式移动（通过添加新矩形）。用户不能直接移动一个矩形，对吗？

【参考方案1】：

如果您想拥有比您已经可以绘制的矩形更多的矩形，并且您想与它们进行一些交互，您需要做两件事。

首先，您需要有一种方法可以访问场景中的所有矩形。您可以使用QGraphicsScene::items 方法执行此操作，该方法将为您提供QGraphicsItem 对象列表（可转换为QGraphicsRectItem）。

我不确定在您的情况下实际矩形尺寸是否会保持不变，或者每次添加矩形时它们是否应该调整。无论哪种方式，因为您可以访问他们的集合，您可以遍历这些项目并根据需要调整它们的大小和位置。

要知道在哪里添加新形状的矩形选择，您应该查看名为focusItemChanged 的QGraphicsScene 信号或focusItem 方法。在你的情况下，我会选择后者。

QGraphicsItem *QGraphicsScene::focusItem() const

您应该在 on_pushButton_clicked() 插槽实现中调用此方法。它为您提供场景中当前选定的形状。您只需将QGraphicsItem* 转换为QGraphicsRectItem* 即可读取场景中对象的位置和大小。

希望这会有所帮助。