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

Question

我创建了一个自定义小部件，其中包括带有 qlabel（包含图标）和 qcombobox 的垂直布局我将它们用作 listwidget 项目。它们是基于包含 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.

中找到

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

How to scale a custom widget within a QListWidget?

c++

qt

qlistwidget

qwidget

qt5