【QT】——QListWidget的使用

目录

1.QListWidget和QListWidgetItem

2.外观

2.1列表模式

2.2图标模式

3.常用接口

4.示例

删除列表项

添加列表项


1.QListWidget和QListWidgetItem

QListWidget 是qt中的列表框控件,它用于显示多个列表项,列表项 对应的类是QListWidgetItem.

QListWidgetItem可以只包含文字

QListWidgetItem 中可以同时包含图片和文字

2.外观

列表框控件,支持两种显示模式:列表模式和图标模式。

2.1列表模式

cpp 复制代码
setViewMode(QListView::ListMode);//设置QListWidget为列表模式

2.2图标模式

cpp 复制代码
setViewMode(QListView::IconMode);//设置QListWidget为图标模式

3.常用接口

cpp 复制代码
//添加列表项
void addItem(const QString &label)
void addItem(QListWidgetItem *item)
void addItems(const QStringList &labels)

//返回鼠标选中的列表项
QListWidgetItem *QListWidget::currentItem() const;
//删除窗口中的item的列表项
void QListWidget::removeItemWidget(QListWidgetItem *item)

//设置列表项中的图片大小
void QAbstractItemView::setIconSize(const QSize &size);
    
//设置列表项中的布局的大小
void QListView::setGridSize(const QSize &size)

信号

cpp 复制代码
//单击列表项
void itemClicked(QListWidgetItem *item)
//双击列表项
void itemDoubleClicked(QListWidgetItem *item)

删除列表项

删除列表项的两种方式:

cpp 复制代码
方式一:
QListWidgetItem* item=ui->lwprovice->currentItem();//获取当前的列表项
ui->lwprovice->removeItemWidget(item);//移除列表项
delete item;//删除列表项
方式二:
int row =ui->lwprovice->currentRow();//获取第一个列表项
QListWidgetItem* item=ui->lwprovice->takeItem(row);
delete item;

4.示例:

ui界面:

设置 "列表模式" 和 "图标模式" 转换:

cpp 复制代码
//将两个单选按钮存放到QGroupBox容器中
//保证一次只能选中一个按钮
m_checkBut=new QButtonGroup(this);
m_checkBut->addButton(ui->rbListMode,0);
m_checkBut->addButton(ui->rbiconmode,1);

connect(ui->rbListMode,&QCheckBox::clicked,this,&MainWindow::selectMode);
connect(ui->rbiconmode,&QCheckBox::clicked,this,&MainWindow::selectMode);

//槽函数
void MainWindow::selectMode()
{
  int checkedId=m_checkBut->checkedId();
  if(checkedId==0)
  {
      ui->lwprovice->setViewMode(QListView::ListMode);
  }else{
      ui->lwprovice->setViewMode(QListView::IconMode);
  }
}

删除列表项

cpp 复制代码
    connect(ui->del_but,&QToolButton::clicked,this,[=](){
#if 0
        QListWidgetItem* item=ui->lwprovice->currentItem();
        ui->lwprovice->removeItemWidget(item);
        delete item;
#else
        int row =ui->lwprovice->currentRow();
        QListWidgetItem* item=ui->lwprovice->takeItem(row);
        delete item;
    });

添加列表项

cpp 复制代码
//图片的路径
QList<QString> paths={":/1",":/2",":/3"};


connect(ui->insert_but,&QToolButton::clicked,this,[=](){
        //获取随机值
        int pos=QRandomGenerator::global()->generate()%3;
        //获取图片的值
        QString name=ui->leInput->text();
        QIcon icon(paths[pos]);//设置图片
        QListWidgetItem* item=new QListWidgetItem(icon,name);
        int row =ui->lwprovice->currentRow();
        ui->lwprovice->insertItem(row+1,item);//将列表 设置 进当前鼠标的后面
 });

//将列表项添加到最后一个位置
   connect(ui->add_but,&QToolButton::clicked,this,[=](){
        qDebug()<<"插入item";
        //插入按钮
        int pos=QRandomGenerator::global()->generate()%3;

        QString name=ui->leInput->text();
        QIcon icon(paths[pos]);//设置图片
        QListWidgetItem* item=new QListWidgetItem(icon,name);
        ui->lwprovice->addItem(item);
    });

所有的代码:

cpp 复制代码
// .h文件
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include<QButtonGroup>
namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

public slots:
    void selectMode();

private:
    Ui::MainWindow *ui;
    QButtonGroup* m_checkBut;
};

#endif // MAINWINDOW_H








//  .pp文件
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include<QCheckBox>
#include<QList>
#include<QString>
#include<QRandomGenerator>
#include<QToolButton>
#include<QDebug>
QList<QString> paths={":/1",":/2",":/3"};

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

    m_checkBut=new QButtonGroup(this);
    m_checkBut->addButton(ui->rbListMode,0);
    m_checkBut->addButton(ui->rbiconmode,1);
    ui->rbListMode->setEnabled(true);
     ui->lwprovice->setViewMode(QListView::ListMode);

    connect(ui->rbListMode,&QCheckBox::clicked,this,&MainWindow::selectMode);
    connect(ui->rbiconmode,&QCheckBox::clicked,this,&MainWindow::selectMode);

    connect(ui->lwprovice,&QListWidget::itemClicked,this,[=](QListWidgetItem *item)
    {
        //单击列表项
        ui->lineEdit->setText(item->text());
    });

    connect(ui->add_but,&QToolButton::clicked,this,[=](){
        qDebug()<<"插入item";
        //插入按钮
        int pos=QRandomGenerator::global()->generate()%3;

        QString name=ui->leInput->text();
        QIcon icon(paths[pos]);//设置图片
        QListWidgetItem* item=new QListWidgetItem(icon,name);
        ui->lwprovice->addItem(item);
    });

    connect(ui->del_but,&QToolButton::clicked,this,[=](){
#if 0
        QListWidgetItem* item=ui->lwprovice->currentItem();
        ui->lwprovice->removeItemWidget(item);
        delete item;
#else
        int row =ui->lwprovice->currentRow();
        QListWidgetItem* item=ui->lwprovice->takeItem(row);
        delete item;
#endif
    });


    connect(ui->insert_but,&QToolButton::clicked,this,[=](){
        int pos=QRandomGenerator::global()->generate()%3;

        QString name=ui->leInput->text();
        QIcon icon(paths[pos]);//设置图片
        QListWidgetItem* item=new QListWidgetItem(icon,name);
         int row =ui->lwprovice->currentRow();
        ui->lwprovice->insertItem(row+1,item);
    });

}

void MainWindow::selectMode()
{
  int checkedId=m_checkBut->checkedId();
  if(checkedId==0)
  {
      ui->lwprovice->setViewMode(QListView::ListMode);
  }else{
      ui->lwprovice->setViewMode(QListView::IconMode);
  }
}

MainWindow::~MainWindow()
{
    delete ui;
}
相关推荐
知彼解己17 小时前
深入理解 AbstractQueuedSynchronizer (AQS):Java 并发的排队管家
java·开发语言
User_芊芊君子17 小时前
【JavaSE】复习总结
java·开发语言·python
计算机毕业设计木哥17 小时前
计算机毕业设计 基于Python+Django的医疗数据分析系统
开发语言·hadoop·后端·python·spark·django·课程设计
橘颂TA18 小时前
【Qt】项目的创建 and 各个控件的使用
开发语言·qt
我有一颗五叶草18 小时前
线程间通信
java·开发语言
测试界清流18 小时前
postman接口功能测试
开发语言·lua
honder试试1 天前
焊接自动化测试平台图像处理分析-模型训练推理
开发语言·python
^Rocky1 天前
JavaScript性能优化实战
开发语言·javascript·性能优化
ponnylv1 天前
深入剖析Spring Boot启动流程
java·开发语言·spring boot·spring
萧邀人1 天前
第一课、Cocos Creator 3.8 安装与配置
开发语言