如何在 QListWidget 中缩放自定义小部件？

Question

我创建了一个自定义小部件，其中包括带有 qlabel（包含图标）和 qcombobox 的垂直布局 我将它们用作列表小部件。 它们是基于具有 100 个图标的文件创建的。 我正在尝试创建一个在应用程序实时运行时缩放像素图大小的滑块。 我不知道如何正确编码，所以我可以访问这个属性。 这是mainwindow.cpp中的代码

/*load icons*/
QDir dir (....);
QFileInfoList list = dir.entryInfoList(QDir::AllEntries | 
QDir::Dirs|QDir::NoDotAndDotDot);

for(int i=0 ; i < list.length() ; i++)
{
QIcon icon;
icon.addFile(list.at(i).absoluteFilePath(), QSize(), QIcon::Normal, 
            QIcon::Off);
mypix = icon.pixmap(QSize(128,128));

/*Custom Widget*/
widget.push_back(new QWidget(ui->listWidget));
widget[i]->setMinimumSize(QSize(0, 150));

/*the VB with of label-combo*/
layout.push_back(new QVBoxLayout(widget[i]));

/*Qlabel that holds the icon*/
pic.push_back(new QLabel (widget[i]));
pic[i]->setPixmap(mypix);
layout[i]->addWidget(pic[i]);
box.push_back(new QComboBox(widget[i]));
box[i]->addItem(list.at(i).baseName());
layout[i]->addWidget(box[i]);

QListWidgetItem * qlistwidgetitem = new QListWidgetItem;
ui->listWidget->addItem(qlistwidgetitem);
ui->listWidget->setItemWidget(ui->listWidget->item(i),widget[i]);
  }
}

Answer 1

QListWidgetItem有一个默认大小，没有考虑到widget的大小，解决方法是将widget的sizeHint()传递给QListWidgetItem，同样不能将高度设置为0小部件，只有最小宽度。

QDir dir (...);
const QFileInfoList &infolist = dir.entryInfoList(QDir::AllEntries| QDir::Dirs| QDir::NoDotAndDotDot);
for(const QFileInfo &info: infolist){
    QIcon icon;
    icon.addFile(info.absoluteFilePath(), QSize(), QIcon::Normal, QIcon::Off);
    QPixmap pix = icon.pixmap(QSize(128,128));
    QWidget *w = new QWidget(ui->listWidget);
    w->setMinimumWidth(150);
    QVBoxLayout *lay = new QVBoxLayout(w);
    QLabel *lbl = new QLabel(w);
    lbl->setPixmap(pix);
    QComboBox *combo = new QComboBox(w);
    combo->addItem(info.baseName());

    lay->addWidget(lbl);
    lay->addWidget(combo);

    widget << w;
    layout << lay;
    box << combo;
    pic << lbl;

    QListWidgetItem *qlistwidgetitem = new QListWidgetItem;
    qlistwidgetitem->setSizeHint(w->sizeHint());
    ui->listWidget->addItem(qlistwidgetitem);
    ui->listWidget->setItemWidget(qlistwidgetitem, w);
}

---

更新：

如果您想使用QSlider 更改图标的大小，建议保存图标以便我们可以使用setData() 方法，然后我们将一个插槽与滑块关联，并在该插槽中插入一个图标的新大小并将其设置为QLabel

for(const QFileInfo &info: infolist){
    [...]
    qlistwidgetitem->setData(Qt::UserRole, QVariant::fromValue(icon));
    [...]
}

void Widget::on_horizontalSlider_valueChanged(int value)
{
    for(int i=0; i< ui->listWidget->count(); i++){
        QListWidgetItem *it = ui->listWidget->item(i);
        QIcon icon = it->data(Qt::UserRole).value<QIcon>();
        pic[i]->setPixmap(icon.pixmap(value, value));
        QWidget *w = ui->listWidget->itemWidget(it);
        it->setSizeHint(w->sizeHint());
    }
}

完整的例子可以在下面的link找到。