【二十一】【QT开发应用】ListWiddget图标模式
代码demo13_listwidget::demo13_listwidget(QWidget* parent)
: QWidget(parent) {
ui.setupUi(this);
resize(600, 500);
QVBoxLayout* pMainVLayout = new QVBoxLayout(this);
QListWidget* pListWidget = new QListWidget(this);
pListWidget->setViewMode(QListView::IconMode);
pListWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
pListWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
QString qss = "QListWidget{border:none; background:rgb(251,251,251);} \
QListWidget::item{background:blue;\
margin-left:20px;\
margin-top:10px; \
}";
pListWidget->setStyleSheet(qss);
int vScrollBarWidth = 30;
pListWidget->setFixedWidth(180 * 3 + vScrollBarWidth + 1);
for (int i = 0; i < 15; i++) {
QIcon icon(":/demo13_listwidget/resources/editor.png");
QString name = QString(u8"用户%1").arg(QString::number(i));
QListWidgetItem* pItem = new QListWidgetItem(icon, name);
pItem->setSizeHint(QSize(180, 180));
pListWidget->addItem(pItem);
}
pMainVLayout->addWidget(pListWidget);
}
调整窗口大小
resize(600, 500);
[*]调整窗口大小为600x500像素。
创建垂直布局
QVBoxLayout* pMainVLayout = new QVBoxLayout(this);
[*]创建一个垂直布局（QVBoxLayout），并将其设置为当前窗口的主布局，用于管理子部件的分列方式。
创建QListWidget
QListWidget* pListWidget = new QListWidget(this);
[*]创建一个新的QListWidget，用于表现带有图标和文本的项目列表，并将其作为当前窗口的子部件。
设置ListWedget为图标模式
pListWidget->setViewMode(QListView::IconMode);
[*]设置QListWidget的表现模式为QListView::IconMode，即以图标的方式表现每个列表项，而不是默认的文本列表模式。
设置滚动条计谋
pListWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
pListWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAsNeeded);
[*]设置滚动条计谋：
[*]水平滚动条始终关闭（Qt::ScrollBarAlwaysOff）。
[*]垂直滚动条根据需要表现（Qt::ScrollBarAsNeeded）。
定义样式表
QString qss = "QListWidget{border:none; background:rgb(251,251,251);} \
QListWidget::item{background:blue;\
margin-left:20px;\
margin-top:10px; \
}";
pListWidget->setStyleSheet(qss);
[*]定义了一个样式表（QSS）来定制QListWidget的表面：
[*]QListWidget{border:none; background:rgb(251,251,251);}：移除边框，设置配景颜色为浅灰（rgb(251,251,251)）。
[*]QListWidget::item{background:blue; margin-left:20px; margin-top:10px;}：每个项目的配景色为蓝色，并设置左边距为20像素，顶部边距为10像素。
设置ListWidget固定宽度
int vScrollBarWidth = 30;
pListWidget->setFixedWidth(180 * 3 + vScrollBarWidth + 1);
[*]设置了垂直滚动条的宽度为30像素。
[*]pListWidget->setFixedWidth(180 * 3 + vScrollBarWidth + 1);：将QListWidget的宽度固定为表现三列图标的宽度（每列宽度180像素），加上滚动条的宽度和1像素的边距。
循环添加ListWidgetItem
for (int i = 0; i < 15; i++) {
QIcon icon(":/demo13_listwidget/resources/editor.png");
QString name = QString(u8"用户%1").arg(QString::number(i));
QListWidgetItem* pItem = new QListWidgetItem(icon, name);
pItem->setSizeHint(QSize(180, 180));
pListWidget->addItem(pItem);
}
[*]创建一个循环，用来向QListWidget中添加15个带有图标和文本的列表项：
[*]每个列表项利用同一个图标（resources/editor.png）和文本（用户0到用户14）。
[*]pItem->setSizeHint(QSize(180, 180));：设置每个列表项的大小为180x180像素。
[*]pListWidget->addItem(pItem);：将每个创建的项目添加到QListWidget中。
添加ListWidget到布局中
pMainVLayout->addWidget(pListWidget);
[*]将pListWidget添加到主垂直布局中，使其在窗口中表现。
步伐运行效果
https://i-blog.csdnimg.cn/direct/837e247f0637446eb191af24e8735215.png
结尾
末了，感谢您阅读我的文章，希望这些内容能够对您有所启发和帮助。如果您有任何问题或想要分享您的观点，请随时在批评区留言。
同时，不要忘记订阅我的博客以获取更多风趣的内容。在未来的文章中，我将继续探讨这个话题的不同方面，为您呈现更多深度和看法。
谢谢您的支持，期待与您在下一篇文章中再次相遇！
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]