一.QListWidget的用途
QListWidget 是一个用于显示列表项的组件,每个列表项通常由一个图标和一个文本组成。用户可以通过单击或选择列表项来与其进行交互
二.界面设计
我们还是来跟着项目来一起做,边做边学边快来!
目标图:
首先添加素材,需要的可以dd我。
然后需要用到 action 前面有讲过,不懂的可以去看界面设计哪里
工具栏这个地方可以调图标大小:
还需要用到QListWidget组件
不用状态栏的话,可以将其删除
接着就是一些布局。
三.QListWidget的添加
1.界面添加
双击ListWidget即可添加:
2.代码添加
这个是大头,来吧我们开始吧,先定义一个initUI的函数,记得姚在窗口的构造函数中调用哦。
因为用代码进行添加时姚用到列表项,所有我们要先来设置一下列表项。
四.列表项的设置
1.文本
QListWidgeItem就是列表项,我们可以对其添加文本
然后就可以添加到我们的ListWidget
void MainWindow::initUI() { QStringList list={"语文","美术","体育","音乐","地球物理学","数学","英语"}; for(int i=0;i<list.count();i++) { QListWidgetItem *item=new QListWidgetItem;//列表项 item->setText(list[i]); ui->listWidget->addItem(item); } }
运行结果:
对了,可以把我们刚刚添加的恋爱课程去掉;
void MainWindow::initUI() { ui->listWidget->clear();//可以清空 QStringList list={"语文","美术","体育","音乐","地球物理学","数学","英语"}; for(int i=0;i<list.count();i++) { QListWidgetItem *item=new QListWidgetItem;//列表项 item->setText(list[i]); ui->listWidget->addItem(item); } }
就一行代码,运行结果:
2.图标
现在我们来添加灵魂就是图标。
void MainWindow::initUI() { ui->listWidget->clear();//可以清空 QStringList list={"语文","美术","体育","音乐","地球物理学","数学","英语"}; QIcon icon; icon.addFile(":/images/image/class.png");//设置图标到图标变量icon中 for(int i=0;i<list.count();i++) { QListWidgetItem *item=new QListWidgetItem;//列表项 item->setText(list[i]); item->setIcon(icon);//添加图标 ui->listWidget->addItem(item); } }
运行结果:
3.复选框
item->setCheckState(Qt::Unchecked);//设置未勾选的复选框
运行结果:
4.列表大小
还可以对列表项的大小进行设置
item->setSizeHint(QSize(200,80));
【qt】QListWidget 组件2:https://developer.aliyun.com/article/1523024