QT笔记——自定义的QListWidget

我们想有一个和QListWidget 不一样的item,这是时候 我们就需要自己定义了Item

第一:添加我们的自定义ItemWidget

QListWidgetItem* listItem = new QListWidgetItem(ui.listWidget);
CustomItemWidget* customWidget = new CustomItemWidget();
listItem->setSizeHint(QSize(330, 80));
ui.listWidget->addItem(listItem);
ui.listWidget->setItemWidget(listItem, customWidget);

第二:点击我们的itemWidget获取控件的一些内容 获取自定义ItemWidget里面的内容

connect(ui.listWidget, &QListWidget::itemClicked, this, &QCustomListWidget::SLOT_ListWidget_ItemClicked);

void QCustomListWidget::SLOT_ListWidget_ItemClicked(QListWidgetItem* item)
{
    CustomItemWidget* customItemWidget = static_cast<CustomItemWidget*>(ui.listWidget->itemWidget(item));
    if (customItemWidget == nullptr)
        return; 

    QList<QPushButton*> listBtns = customItemWidget->findChildren<QPushButton*>();

    for (auto & btn:listBtns)
    {
        qDebug() <<btn->objectName() << btn->text();
    }

}

第三步:我们需要响应我们ItemWidget发出来的控件的点击信号,获取其他控件的一些信号

CustomItemWidget* customWidget = new CustomItemWidget();

connect(customWidget, &CustomItemWidget::EmitPushButtonClicked, this, [=](){
        QMessageBox::information(nullptr, "456", "123");
        })

完整代码如下:
QCustomListWidget .ui
在这里插入图片描述
QCustomListWidget .h

#pragma once

#include <QtWidgets/QWidget>
#include "ui_QCustomListWidget.h"
#include <QListWidgetItem>
#include <QListWidget>
#include "CustomItemWidget.h"
#include <QMessageBox>

class QCustomListWidget : public QWidget
{
    Q_OBJECT

public:
    QCustomListWidget(QWidget *parent = Q_NULLPTR);

private slots:
    void SLOT_ListWidget_ItemClicked(QListWidgetItem *item);

private:
    Ui::QCustomListWidgetClass ui;
};

QCustomListWidget .cpp

#include "QCustomListWidget.h"

QCustomListWidget::QCustomListWidget(QWidget *parent)
    : QWidget(parent)
{
    ui.setupUi(this);

    //第一个ItemWidget
    QListWidgetItem* listItem = new QListWidgetItem(ui.listWidget);
    CustomItemWidget* customWidget = new CustomItemWidget();
    listItem->setSizeHint(QSize(330, 80));
    ui.listWidget->addItem(listItem);
    ui.listWidget->setItemWidget(listItem, customWidget);
   
    connect(customWidget, &CustomItemWidget::EmitPushButtonClicked, this, [=](){
        QMessageBox::information(nullptr, "456", "123");
        })

    connect(ui.listWidget, &QListWidget::itemClicked, this, &QCustomListWidget::SLOT_ListWidget_ItemClicked);
  
}

void QCustomListWidget::SLOT_ListWidget_ItemClicked(QListWidgetItem* item)
{
    CustomItemWidget* customItemWidget = static_cast<CustomItemWidget*>(ui.listWidget->itemWidget(item));
    if (customItemWidget == nullptr)
        return; 

    QList<QPushButton*> listBtns = customItemWidget->findChildren<QPushButton*>();

    for (auto & btn:listBtns)
    {
        qDebug() <<btn->objectName() << btn->text();
    }

}

CustomItemWidget .ui
在这里插入图片描述

CustomItemWidget .h

#pragma once

#include <QWidget>
#include "ui_CustomItemWidget.h"
#include "CustomItemSubWidget.h"
#include <QMessageBox>
#include <QDebug>

class CustomItemWidget : public QWidget
{
	Q_OBJECT

public:
	CustomItemWidget(QWidget* parent = Q_NULLPTR);
	~CustomItemWidget();

signals:
	void EmitPushButtonClicked(int);

public slots:
	void on_pushButton_1_clicked();

private:
	Ui::CustomItemWidget ui;

};

CustomItemWidget .cpp

#include "CustomItemWidget.h"

CustomItemWidget::CustomItemWidget(QWidget* parent)
	: QWidget(parent)
{
	ui.setupUi(this);
}

CustomItemWidget::~CustomItemWidget()
{

}

void CustomItemWidget::on_pushButton_1_clicked()
{
	emit EmitPushButtonClicked(10);
}

效果图:
添加自定义ItemWidget的效果
在这里插入图片描述
点击ItemWidget的第一个按钮 的 效果
在这里插入图片描述
点击ItemWidget的效果图:
在这里插入图片描述

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值