如何在 QComboBox 中显示短值并在其下拉列表中显示长值？

Question

我正在尝试让 QComboBox 显示一个较短的值（例如，“1”、“2”或“3”），但让组合框的下拉列表显示较长的值，例如“数字一”， “二号”或“三号”。

这就是我所拥有的......

QString max_dropdown_len, styleSheet;

max_dropdown_len = QString::number(300);
styleSheet = "QComboBox QAbstractItemView { min-width: %1; }";

cb = new QComboBox();

model = qobject_cast<QStandardItemModel*>(cb->model());
model->setColumnCount(2);
model->appendRow(QList<QStandardItem*>() <<
    (new QStandardItem("Number One")) << (new QStandardItem("1")));
model->appendRow(QList<QStandardItem*>() <<
    (new QStandardItem("Number Two")) << (new QStandardItem("2")));
model->appendRow(QList<QStandardItem*>() <<
    (new QStandardItem("Number Three")) << (new QStandardItem("3")));

view = qobject_cast<QListView*>(cb->view());
view->setModelColumn(0);

cb->setModelColumn(1);
cb->setStyleSheet(styleSheet.arg(max_dropdown_len));

aLayout = new QFormLayout;
aLayout->addRow(new QLabel(tr("Test: ")), cb);

aGroup = new QGroupBox(tr("Testing"));
aGroup->setLayout(aLayout);

return aGroup;

问题是，组合框只显示一个“1”，当我单击箭头下拉列表时，选项是“1”、“2”或“3”，而不是较长的字符串值.

我这样做是为了显示一个短值吗？想法？

Answer 1

一种可能的解决方案是将长文本添加为​​UserData，并为选择长文本的QComboBox 建立一个委托。

#include <QApplication>
#include <QComboBox>
#include <QStandardItemModel>
#include <QStyledItemDelegate>

class ComboBoxDelegate: public QStyledItemDelegate{
public:
    using QStyledItemDelegate::QStyledItemDelegate;
    void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const override{
        QStyleOptionViewItem opt(option);
        initStyleOption(&opt, index);
        opt.text = index.data(Qt::UserRole).toString();
        const QWidget *widget = opt.widget;
        QStyle *style = widget ? widget->style() : QApplication::style();
        style->drawControl(QStyle::CE_ItemViewItem, &opt, painter, widget);
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QComboBox combo;
    combo.addItem("1", "Number One");
    combo.addItem("2", "Number Two");
    combo.addItem("3", "Number Three");
    combo.setItemDelegate(new ComboBoxDelegate(&combo));
    combo.show();
    return a.exec();
}

Answer 2

使用项目模型，您必须创建一个插槽：

cb->setModelColumn(0);

当显示项目列表时，会这样做：

cb->setModelColumn(1);

当项目被隐藏时。 这会很复杂，因为 QComboBox 在释放时不会发出信号，因此您必须创建自己的类。

相反，使用 QListView 更简单：

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    int comboBox_lenght = ui->comboBox->count();

    listView = new QListView(ui->comboBox);

    ui->comboBox->setView(listView);

    for (int i=0; i<comboBox_lenght; ++i){ //fill the combobox with hidden items
        ui->comboBox->addItem(QString::number(i + 1));
        listView->setRowHidden(comboBox_lenght + i, true);
    }

    on_comboBox_currentIndexChanged(ui->comboBox->currentIndex());

    show();
}

具有以下插槽：

void Widget::on_comboBox_currentIndexChanged(int index)
{
    ui->comboBox->setCurrentText(QString::number(index + 1));

    return;
}

结果：https://drive.google.com/file/d/16ZSvaG8req5ztCyqrIup23NQqixYcEpP/view?usp=sharing

Answer 3

大部分有问题的代码都是正确的，但使用QListView 可能并不方便。这可以通过QTableView 来完成，它提供了许多丰富的选项，可以根据需要进行微调，这是使用 QTableView 的简单实现。

QString max_dropdown_len, styleSheet;
max_dropdown_len = QString::number(300);
styleSheet = "QComboBox QAbstractItemView { min-width: %1; }";
QStandardItemModel* model = new QStandardItemModel(this);
model->setColumnCount(2);
model->appendRow(QList<QStandardItem*>() <<
    (new QStandardItem("1")) << (new QStandardItem("Number One")));
model->appendRow(QList<QStandardItem*>() <<
    (new QStandardItem("2")) << (new QStandardItem("Number Two")));
model->appendRow(QList<QStandardItem*>() <<
    (new QStandardItem("3")) << (new QStandardItem("Number Three")));
QTableView* view = new QTableView(this);
view->setModel(model);
ui->comboBox->setModel(model);
ui->comboBox->setModelColumn(0);
ui->comboBox->setStyleSheet(styleSheet.arg(max_dropdown_len));
ui->comboBox->setView(view);
view->horizontalHeader()->setHidden(true);
view->verticalHeader()->setHidden(true);
view->setGridStyle(Qt::NoPen); // Table without Grid
view->setColumnWidth(0,0); // Option: set this width to also show the digits during combo popup, set to 0 to hide them!