QT 使用QLsitView 实现数据的分组多级显示，子列表可动态显示/隐藏

本文主要是介绍QT 使用QLsitView 实现数据的分组多级显示，子列表可动态显示/隐藏，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

效果图

---

概述

• 在QT中多级显示应该是QTreeView该干的事，但是当我们还需要图标显示的时候，也就是 setViewMode(QListView::IconMode) ，QTreeView就无法满足了。
• 描述下核心思想：整体分为俩层结构，都是继承于QWidget。
  1. 最上层为一个QWidget,用于存放所有第二级的QWidget。
  2. 第二层为QWidget，就也是所看到的每一个组。里面都有一个QListView，用于控制隐藏/显示，看似为一个按钮，其实也是一个QWidget。
  3. 也就是说整体就是有多个组拼起来的，而每个组中都有一个QListView和按钮，从而形成多级结构。
• 图中所示虽然只有俩级，但还可以再加三级，四级…，完全可以实现树的多级显示。

---

部分代码

• 代码好像都没啥好描述的，主要就是实现思路，自己去拉源码看吧。这里就贴下按钮的绘制吧。

void ControlToolButtons::paintEvent(QPaintEvent *event)
{QPainter painter(this);painter.setRenderHint(QPainter::Antialiasing);painter.setRenderHint(QPainter::TextAntialiasing);painter.fillRect(event->rect(), QColor(qRgb(235, 243, 254)));QPen pen;QColor colorNormal("#005A92");QColor colorPressed("#036EB7");pen.setWidth(1);pen.setColor(m_isPressed ? colorPressed : colorNormal);painter.setPen(pen);QFont font("Microsoft YaHei");font.setPixelSize(14);font.setBold(true);painter.setFont(font);int w = QFontMetrics(font).width(m_text);int h = QFontMetrics(font).height();QRect rect(10, (height() - h) / 2, w + 1, h + 1);painter.drawText(rect, m_text);QPainterPath path;int width = event->rect().width();if (!m_isHovered){ // 展开QPoint pos1(width - 10, 12);QPoint pos2(width - 20, 12);QPoint pos3(width - 15, 17);path.moveTo(pos1);path.lineTo(pos2);path.lineTo(pos3);path.lineTo(pos1);painter.fillPath(path, m_isPressed ? colorPressed : colorNormal);}else{ // 收缩QPoint pos1(width - 20, 12);QPoint pos2(width - 20, 18);QPoint pos3(width - 12, 15);path.moveTo(pos1);path.lineTo(pos2);path.lineTo(pos3);path.lineTo(pos1);painter.fillPath(path, m_isPressed ? colorPressed : colorNormal);}pen.setColor(QColor(206, 206, 206));pen.setWidth(2);painter.setPen(pen);painter.drawRect(event->rect());
}

---

总结

• 知识理应共享,源码在此。
• 这个示例中的功能点，还是比较简单的，只要你理解了思路，应该可以轻松实现。

这篇关于QT 使用QLsitView 实现数据的分组多级显示，子列表可动态显示/隐藏的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---