Qt学习之QListWidget控件的使用教程详解

更新时间：2022年12月02日 09:58:04 作者：音视频开发老舅

这篇文章主要为大家详细介绍了Qt中QListWidget控件的使用教程，文中的示例代码讲解详细，对我们学习Qt有一定的帮助，需要的可以参考一下

QListWidget去掉选中虚线框

虚线框如下所示，选中某项之后，文字包围一个虚线框，

修改QSS，添加outline约束即可，

QListView { 
   
        /*border: 1px solid #636363;*/
        border: 0px;
        selection-background-color: #4D4D4D;
        selection-color: #F0F0F0;
        background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
        outline:0px;
}

QListWidget添加自定义窗体

原文是这样设计的：上面的导航切换选项卡使用QTabWidget，左侧导航使用QListWidget，右侧的显示区域使用QScrollArea控件；主要使用垂直滚动条的valueChanged事件和QListWidget的itemClicked事件；通过调用QWidget的visibleRegion().isEmpty() 判断QScrollArea中滑动过的区域，通过垂直滚动条的setSliderPosition方法设置QScrollArea的新的区域。在功能区，我这里称之为面板容器，原文博主选择用QScrollArea作为容器，我这里打算采用QListWidget来实现这个容器，

修改QSS，添加outline约束即可，

QListView { 
   
        /*border: 1px solid #636363;*/
        border: 0px;
        selection-background-color: #4D4D4D;
        selection-color: #F0F0F0;
        background: qlineargradient(spread:pad, x1:0, y1:0, x2:0, y2:1, stop:0 #4D4D4D, stop:1 #292929);
        outline:0px;
}

QListWidget添加自定义窗体

继续学习博客Qt浅谈之三十五仿QQ设置面板功能，博主的界面长这样，

（录屏软件超级录屏，然后用迅雷看看转换成gif格式）先看一下自定义窗口设置，主要使用setItemWidget函数，QSS里把边框设成0px，另外hover和selected的状态需要保持一致，否则鼠标滑过的状态不一样。

    /*QListWidgetItem**/ pLwiTcpClientContainer = new QListWidgetItem();
    //pLwiTcpClientContainer->setSizeHint(QSize(400, 400));
    pLwContainer->addItem(pLwiTcpClientContainer);
    pLwContainer->setItemWidget(pLwiTcpClientContainer, pWgtTcpClientPannel);
    /*QListWidgetItem**/ pLwiTcpServerContainer = new QListWidgetItem();
    //pLwiTcpServerContainer->setSizeHint(QSize(400, 400));
    pLwContainer->addItem(pLwiTcpServerContainer);
    pLwContainer->setItemWidget(pLwiTcpServerContainer, pWgtTcpServerPannel);
    /*QListWidgetItem**/ pLwiUdpClientContainer = new QListWidgetItem();
    //pLwiUdpClientContainer->setSizeHint(QSize(400, 400));
    pLwContainer->addItem(pLwiUdpClientContainer);
    pLwContainer->setItemWidget(pLwiUdpClientContainer, pWgtUdpClientPannel);
    if (index < pLwContainer->count())
    { 
   
        pLwContainer->setCurrentRow(index);
    }
    connect(pLwContainer, SIGNAL(itemClicked(QListWidgetItem*)), this, SLOT(OnLwContainerItemClicked(QListWidgetItem*)));
    connect(pLwContainer->verticalScrollBar(), SIGNAL(valueChanged(int)), this, SLOT(OnLwContainerVsbValueChanged(int)));

让一个item独占窗口，通过mainwindows的resizeEvent实现，

void MainWindow::resizeEvent(QResizeEvent *event)
{ 
   
    int x, y;
    x = this->width() - pLwLeftPannel->width() - 10;
    y = this->height() - pWgtTitle->height();
    pLwiTcpClientContainer->setSizeHint(QSize(x, y));
    pLwiTcpServerContainer->setSizeHint(QSize(x, y));
    pLwiUdpClientContainer->setSizeHint(QSize(x, y));
    QMainWindow::resizeEvent(event);
}

左侧列表和容器联动，通过valueChanged信号实现，这里value取值是离散的，打印了才知道，所以这里的进度条拖动的效果是卡顿的，不像原文博主那样流畅。

void MainWindow::OnLwContainerVsbValueChanged(int value)
{ 
   
    Q_UNUSED(value);
    if (value < pLwLeftPannel->count())
    { 
   
        pLwLeftPannel->setCurrentRow(value);
    }
    else
    { 
   
        qDebug() << "OnLwContainerVsbValueChanged value overflow" << value;
    }
}

自定义窗体无需设置大小，通过在外部是同item的setSizeHint来实现，

QePartitionItem::QePartitionItem(QWidget *parent) : QWidget(parent)
{ 
   
    QGridLayout* pGLyt = new QGridLayout();
    QLabel* pLabName = new QLabel(tr("Name: "));
    pLabNameVal = new QLabel("waiting...");
    QLabel* pLabFs = new QLabel(tr("Filesystem: "));
    pLabFsVal = new QLabel("waiting...");
    QLabel* pLabCap = new QLabel(tr("Capacity: "));
    pLabCapVal = new QLabel("waiting...");
    QLabel* pLabResCap = new QLabel(tr("Resdual Capacity: "));
    pLabResCapVal = new QLabel("waiting...");
    pGLyt->addWidget(pLabName, 0, 0);
    pGLyt->addWidget(pLabNameVal, 0, 1, 1, 1, Qt::AlignCenter);
    pGLyt->addWidget(pLabFs, 1, 0);
    pGLyt->addWidget(pLabFsVal, 1, 1, 1, 1, Qt::AlignCenter);
    pGLyt->addWidget(pLabCap, 2, 0);
    pGLyt->addWidget(pLabCapVal, 2, 1, 1, 1, Qt::AlignCenter);
    pGLyt->addWidget(pLabResCap, 3, 0);
    pGLyt->addWidget(pLabResCapVal, 3, 1, 1, 1, Qt::AlignCenter);
    this->setLayout(pGLyt);
    //this->setFixedHeight(160);
}
 
QePartitionItem* pi = new QePartitionItem();
QListWidgetItem* item = new QListWidgetItem();
item->setSizeHint(QSize(240, 160));
pLwPartition->addItem(item);
pLwPartition->setItemWidget(item, pi);

这样qss才可以正常渲染item，如下所示，不设置sizehint，当窗口大小超过item默认大小（30pix左右），qss仅渲染默认部分。

到此这篇关于Qt学习之QListWidget控件的使用教程详解的文章就介绍到这了,更多相关Qt QListWidget内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

C语言内存函数的具体使用
本文介绍了C语言中几个常用的内存函数,包括memcpy、memmove、memset、memcmp的使用方法及其模拟实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2024-11-11
C语言动态规划多种背包问题分析讲解
背包问题(Knapsack problem)是一种组合优化的NP完全问题。问题可以描述为：给定一组物品，每种物品都有自己的重量和价格，在限定的总重量内，我们如何选择，才能使得物品的总价格最高
2022-04-04
C语言的运算符你了解吗
这篇文章主要介绍了C语言中的运算符,本文给大家介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下,希望能给你带来帮助
2021-08-08
C语言关键字auto与register及static专项详解
这篇文章主要解释了c语言中什么是数据类型，什么是变量，他们的真正含义是什么。分析了属性关键字auto,register和static的用法
2022-07-07
C++语言实现hash表详解及实例代码
这篇文章主要介绍了C++语言实现hash表详解及实例代码的相关资料,需要的朋友可以参考下
2017-01-01
C++实现LeetCode(68.文本左右对齐)
这篇文章主要介绍了C++实现LeetCode(68.文本左右对齐),本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
2021-07-07
c语言程序设计文件操作方法示例(CreateFile和fopen)
c主要的文件操作函数有：CreateFile，CloseHandle，ReadFile，WriteFile，SetFilePointer，GetFileSize。其中的读写操作是以字符为单位，获得文件大小也是以字符为单位。
2013-12-12
C++如何用数组模拟链表
大家好，本篇文章主要讲的是C++如何用数组模拟链表，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下
2022-01-01
Qt如何通过pos()获取坐标信息
这篇文章主要给大家介绍了关于Qt如何通过pos()获取坐标信息的相关资料,文中通过代码介绍的非常详细,对大家学习或者使用qt具有一定的参考借鉴价值,需要的朋友可以参考下
2024-01-01
C++与QML进行数据交互实现方式介绍
迫于无奈开始写android的程序，以前使用QWidget的方式试过，虽然界面可以实现，但是最后调用摄像头时，未能成功，再没有继续。这几天开始使用qml进行尝试，在使用的过程中，其中的一个难点，就是在qml与c++中数据的交互
2022-09-09