QT-从组合框中选择颜色并绘制矩形

Question

我想从下拉列表中选择颜色，并基于该颜色我想在窗口上绘制一个矩形。 我可以用预定义的颜色绘制一个矩形，但不知道如何从组合框中传递颜色。 和只有一个矩形绘制在窗口上，我想在窗口上绘制多个矩形。

所以程序就是这样工作的。用户将点击按钮 - >组合框出现--->选择颜色 - >单击确定，该颜色的矩形将出现在窗口上。

Dialog.cpp

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); 
     connect(box, SIGNAL(currentIndexChanged(const QString&)), this, SLOT(colorSelected(const QString&))); 
     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); 
    // connect(box, SIGNAL(currentIndexChanged(const QString&)), this, SLOT(colorSelected(const QString&))); 
    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); 
    } 
} 

void Dialog::colorSelected(const QString& text) 
{ 
     const QColor selected = colorMap[text]; 
} 

上一篇犯规解决我的问题。

Answer 1

如果您对颜色选择器不感兴趣，并且您希望自己的解决方案使用QComboBox，则可以预定义您自己的一组要使用的颜色。

您可以声明一个映射，例如QMap<QString, QColor> colors;，它可以将颜色值保存在用字符串描述它的键下。

然后您应该定义所需的值。例如：

colors = 
{ 
    {"Red", QColor(255, 0, 0)}, 
    {"Green", QColor(0, 255, 0)}, 
    {"Blue", QColor(0, 0, 255)}, 
}; 

您可以轻松地使用该地图来填补你的QComboBox的内容。这是写作的快速：

box->addItems(colors.keys()); 

下一步操作取决于何时需要知道颜色值。如果你想在用户选择它后立即知道它，你需要做一个适当的connect。例如：

connect(box, SIGNAL(currentIndexChanged(const QString&)), this, SLOT(colorSelected(const QString&))); 

凡colorSelected那么，您可以处理选定的颜色值插槽：

void Dialog::colorSelected(const QString& text) 
{ 
    const QColor selected = colors[text]; 
    // do what you need with the color 
} 

Answer 2

除了上述，我建议使用项目数据保持颜色定义。看看：

QComboBox::setItemData 
QComboBox::itemData 
QComboBox::currentData 

组合框中的每个项目有两个组件;有显示的文本，然后是相关的QVariant，这是项目数据。 QVariant可以保存您的颜色定义，因此您不必单独存储它们。实际上，它不止两个，因为您可以根据需要定义许多用户角色，这将允许您为每个组合框项目存储更多的数据元素。但是，出于您的目的，默认的UserRole就足够了。

你colorSelected的定义是：

void Dialog::colorSelected (const QString &text) 
{ 
    const QColor selected = box->currentData().value <QColor>(); 
    // do what you need with the color 
}