• Qt QListView自定义树状导航控件

            大部分的软件都有多个页面，这时候就需要一个导航栏控件，通过在导航栏中选择某一栏，同时显示对应的页面。

            本文代码效果如下：

            本文的导航栏控件基于大佬 feiyangqingyun 的导航栏控件博客Qt/C++编写自定义控件46-树状导航栏_qt之实现自定义树状图控件-CSDN博客做了美化，修复了一些会导致崩溃的bug。

            本文代码：https://download.csdn.net/download/Sakuya__/89420773?spm=1001.2014.3001.5501icon-default.png?t=N7T8https://download.csdn.net/download/Sakuya__/89420773?spm=1001.2014.3001.5501        也可以在这里下载大佬的代码学习：NavListView: Qt 自定义的树形导航控件icon-default.png?t=N7T8https://gitee.com/qt-open-source-collection/NavListView

    代码之路

    NavListView.h

    1. #ifndef NAVLISTVIEW_H
    2. #define NAVLISTVIEW_H
    3.  
    4.  
    5. #include 
    6. #include 
    7. #include 
    8. #include 
    9.  
    10. class NavListView;
    11.  
    12. class NavDelegate : public QStyledItemDelegate
    13. {
    14.     Q_OBJECT
    15. public:
    16.     NavDelegate(QObject *parent);
    17.     ~NavDelegate();
    18.  
    19. protected:
    20.     QSize sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const ;
    21.     void paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const;
    22.  
    23. private:
    24.     NavListView *nav;
    25. };
    26.  
    27.  
    28. class NavModel : public QAbstractListModel
    29. {
    30.     Q_OBJECT
    31. public:
    32.     NavModel(QObject *parent);
    33.     ~NavModel();
    34.  
    35. public:
    36.     struct TreeNode {
    37.         QString iconName;
    38.         QString label;
    39.         int level;
    40.         bool collapse;
    41.         bool theFirst;
    42.         bool theLast;
    43.         QString info;
    44.         std::list children;
    45.     };
    46.  
    47.     struct ListNode {
    48.         QString label;
    49.         TreeNode *treeNode;
    50.     };
    51.  
    52. protected:
    53.     int rowCount(const QModelIndex &parent) const;
    54.     QVariant data(const QModelIndex &index, int role) const;
    55.  
    56. private:
    57.     std::vector treeNode;
    58.     std::vector listNode;
    59.  
    60. public slots:
    61.     void readData(QString path);
    62.     void setData(QStringList listItem);
    63.     void collapse(const QModelIndex &index);
    64.  
    65. private:
    66.     void refreshList();
    67. };
    68.  
    69. class NavListView : public QListView
    70. {
    71.     Q_OBJECT
    72. public:
    73.     enum IcoStyle {IcoStyle_Cross = 0, IcoStyle_Triangle = 1};
    74.     NavListView(QWidget *parent);
    75.     ~NavListView();
    76.  
    77.     bool getInfoVisible() const {
    78.         return infoVisible;
    79.     }
    80.  
    81.     bool getLineVisible() const {
    82.         return lineVisible;
    83.     }
    84.  
    85.     bool getIcoColorBg() const {
    86.         return icoColorBg;
    87.     }
    88.  
    89.     IcoStyle getIcoStyle() const {
    90.         return style;
    91.     }
    92.  
    93.     QColor getColorLine() const {
    94.         return colorLine;
    95.     }
    96.     /// ====== 获取背景颜色函数
    97.     QColor getColorBgNormal() const{
    98.         return colorBgNormal;
    99.     }
    100.     QColor getColorBgSelected() const{
    101.         return colorBgSelected;
    102.     }
    103.     QColor getColorBgHover() const{
    104.         return colorBgHover;
    105.     }
    106.     QColor getColorBgNormalLeval2() const{
    107.         return colorBgNormalLeval2;
    108.     }
    109.     QColor getColorBgSelectedLeval2() const{
    110.         return colorBgSelectedLeval2;
    111.     }
    112.     QColor getColorBgHoverLeval2() const{
    113.         return colorBgHoverLeval2;
    114.     }
    115.     /// ====== 获取文字颜色函数
    116.     QColor getColorTextNormal() const {
    117.         return colorTextNormal;
    118.     }
    119.     QColor getColorTextSelected() const {
    120.         return colorTextSelected;
    121.     }
    122.     QColor getColorTextHover() const {
    123.         return colorTextHover;
    124.     }
    125.     QColor getColorTextNormalLeval2() const {
    126.         return colorTextNormalLeval2;
    127.     }
    128.     QColor getColorTextSelectedLeval2() const {
    129.         return colorTextSelectedLeval2;
    130.     }
    131.     QColor getColorTextHoverLeval2() const {
    132.         return colorTextHoverLeval2;
    133.     }
    134.  
    135. public slots:
    136.     // 读取xml文件数据
    137.     void readData(QString xmlPath);
    138.  
    139.     // 设置数据集合
    140.     void setData(QStringList listItem);
    141.  
    142.     // 设置当前选中行
    143.     void setCurrentRow(int row);
    144.  
    145.     // 设置是否显示提示信息
    146.     void setInfoVisible(bool infoVisible);
    147.  
    148.     // 设置是否显示间隔线条
    149.     void setLineVisible(bool lineVisible);
    150.  
    151.     // 设置伸缩图片是否采用背景色
    152.     void setIcoColorBg(bool icoColorBg);
    153.  
    154.     // 设置伸缩图片样式
    155.     void setIcoStyle(IcoStyle style);
    156.  
    157.     /// ====== 设置各种前景色背景色选中色
    158.     void setColorLine(QColor colorLine);
    159.     void setColorBg(QColor colorBgNormal,     QColor colorBgSelected,   QColor colorBgHover);
    160.     void setColorText(QColor colorTextNormal, QColor colorTextSelected, QColor colorTextHover);
    161.     void setColorBgLeval2(QColor colorBgNormal,     QColor colorBgSelected,   QColor colorBgHover);
    162.     void setColorTextLeval2(QColor colorTextNormal, QColor colorTextSelected, QColor colorTextHover);
    163.  
    164.  
    165. private:
    166.     NavModel *model;
    167.     NavDelegate *delegate;
    168.  
    169.     bool infoVisible;               // 是否显示提示信息
    170.     bool lineVisible;               // 是否显示分割线条
    171.     bool icoColorBg;                // 伸缩图片是否使用颜色
    172.     IcoStyle style;                 // 图标样式
    173.     QColor colorLine;               // 线条颜色
    174.     /// ====== leval为1时的效果
    175.     QColor colorBgNormal;           // 正常背景色
    176.     QColor colorBgSelected;         // 选中背景色
    177.     QColor colorBgHover;            // 悬停背景色
    178.     QColor colorTextNormal;         // 正常文字颜色
    179.     QColor colorTextSelected;       // 选中文字颜色
    180.     QColor colorTextHover;          // 悬停文字颜色
    181.     /// ====== leval为2时的效果
    182.     QColor colorBgNormalLeval2;     // 正常背景颜色
    183.     QColor colorBgSelectedLeval2;   //
    184.     QColor colorBgHoverLeval2;      //
    185.     QColor colorTextNormalLeval2;   // 正常文字颜色
    186.     QColor colorTextSelectedLeval2; //
    187.     QColor colorTextHoverLeval2;    //
    188. };
    189.  
    190. #endif // NAVLISTVIEW_H

    NavListView.cpp

    1. #include "NavListView.h"
    2.  
    3. #include 
    4. #include 
    5. #include 
    6. #include 
    7.  
    8. NavDelegate::NavDelegate(QObject *parent) : QStyledItemDelegate(parent)
    9. {
    10.     nav = (NavListView *)parent;
    11. }
    12.  
    13. NavDelegate::~NavDelegate()
    14. {
    15.  
    16. }
    17.  
    18. QSize NavDelegate::sizeHint(const QStyleOptionViewItem &option, const QModelIndex &index) const
    19. {
    20.     NavModel::TreeNode *node = (NavModel::TreeNode *)index.data(Qt::UserRole).toULongLong();
    21.     if (node->level == 1)
    22.     {
    23.         return QSize(192, 71);
    24.     }
    25.     else
    26.     {
    27.         return QSize(182, 48);
    28.     }
    29. }
    30.  
    31. void NavDelegate::paint(QPainter *painter, const QStyleOptionViewItem &option, const QModelIndex &index) const
    32. {
    33.     painter->setRenderHint(QPainter::Antialiasing);
    34.     NavModel::TreeNode *node = (NavModel::TreeNode *)index.data(Qt::UserRole).toULongLong();
    35.  
    36.     QColor colorBg;
    37.     QColor colorText;
    38.     QFont  fontText;
    39.     int    iconSize = 0, leftMargin = 0, topMargin = 0;
    40.     if(1 == node->level)
    41.     {
    42.         if (option.state & QStyle::State_Selected)
    43.         {
    44.             colorBg   = nav->getColorBgSelected();
    45.             colorText = nav->getColorTextSelected();
    46.         }
    47.         else if (option.state & QStyle::State_MouseOver)
    48.         {
    49.             colorBg   = nav->getColorBgHover();
    50.             colorText = nav->getColorTextHover();
    51.         }
    52.         else
    53.         {
    54.             colorBg   = nav->getColorBgNormal();
    55.             colorText = nav->getColorTextNormal();
    56.         }
    57.         iconSize    = 32;
    58.         leftMargin  = 32;
    59.         topMargin   = 20;
    60.         fontText.setPixelSize(20);
    61.         painter->setBrush(QBrush(nav->getColorBgNormal()));
    62.         painter->setPen(Qt::transparent);
    63.         painter->drawRoundedRect(option.rect, 8, 20, Qt::RelativeSize);
    64.     }
    65.     else if(2 == node->level)
    66.     {
    67.         if (option.state & QStyle::State_Selected)
    68.         {
    69.             colorBg   = nav->getColorBgSelectedLeval2();
    70.             colorText = nav->getColorTextSelectedLeval2();
    71.         }
    72.         else if (option.state & QStyle::State_MouseOver)
    73.         {
    74.             colorBg = nav->getColorBgHoverLeval2();
    75.             colorText = nav->getColorTextHoverLeval2();
    76.         }
    77.         else
    78.         {
    79.             colorBg   = nav->getColorBgNormalLeval2();
    80.             colorText = nav->getColorTextNormalLeval2();
    81.         }
    82.         iconSize   = 24;
    83.         leftMargin = 25;
    84.         topMargin  = 13;
    85.         fontText.setPixelSize(18);
    86.  
    87.         QRect rectLevel2 = option.rect;
    88.         rectLevel2.setX(option.rect.x() + 12);
    89.         if (node->theFirst)
    90.         {
    91.             rectLevel2.setHeight(option.rect.height() + 4);
    92.             rectLevel2.setWidth(option.rect.width() + 8);
    93.             painter->setBrush(QBrush(nav->getColorBgNormalLeval2()));
    94.             painter->setPen(Qt::transparent);
    95.             painter->drawRoundedRect(rectLevel2, 8, 20, Qt::RelativeSize);
    96.         }
    97.         else if (node->theLast)
    98.         {
    99.             rectLevel2.setY(option.rect.y() - 4);
    100.             rectLevel2.setWidth(option.rect.width() + 8);
    101.             painter->setBrush(QBrush(nav->getColorBgNormalLeval2()));
    102.             painter->setPen(Qt::transparent);
    103.             painter->drawRoundedRect(rectLevel2, 8, 20, Qt::RelativeSize);
    104.         }
    105.         else
    106.         {
    107.             painter->fillRect(rectLevel2, nav->getColorBgNormalLeval2());
    108.         }
    109.     }
    110.  
    111.     /// ====== 菜单选项背景颜色
    112.     if (1 == node->level && option.state & QStyle::State_Selected)
    113.     {
    114.         QRect rectMenu = option.rect;
    115.         rectMenu.setWidth(option.rect.width()  - 20);
    116.         rectMenu.setHeight(option.rect.height()- 10);
    117.         rectMenu.setX(option.rect.x() + 10);
    118.         rectMenu.setY(option.rect.y() + 10);
    119.         painter->setBrush(QBrush(colorBg));
    120.         painter->setPen(Qt::transparent);
    121.         painter->drawRoundedRect(rectMenu, 8, 20, Qt::RelativeSize);
    122.     }
    123.  
    124.     /// ====== 绘制图标
    125.     QPixmap pixMap;
    126.     pixMap.load(node->iconName);
    127.     QRect rectIcon = option.rect;
    128.     rectIcon.setX(option.rect.x()+leftMargin);
    129.     rectIcon.setY(option.rect.y()+topMargin);
    130.     rectIcon.setWidth(iconSize);
    131.     rectIcon.setHeight(iconSize);
    132.     painter->drawPixmap(rectIcon, pixMap);
    133.  
    134.     /// ====== 绘制条目文字
    135.     if(option.state & QStyle::State_Selected)
    136.     {
    137.         painter->setOpacity(1);
    138.     }
    139.     else
    140.     {
    141.         painter->setOpacity(0.5);
    142.     }
    143.     painter->setPen(QPen(colorText));
    144.     int margin = 72;
    145.     if (node->level == 2)
    146.     {
    147.         margin = 84;
    148.     }
    149.     QRect rect = option.rect;
    150.     rect.setX(rect.x() + margin);
    151.     painter->setFont(fontText);
    152.     painter->drawText(rect, Qt::AlignLeft | Qt::AlignVCenter, index.data(Qt::DisplayRole).toString());
    153.  
    154.     painter->setOpacity(1);
    155.     /// ====== 绘制分割线
    156.     QRect rectLine = option.rect;
    157.     rectLine.setX(option.rect.x()+16);
    158.     rectLine.setY(option.rect.y()-1);
    159.     rectLine.setWidth(168);
    160.     rectLine.setHeight(1);
    161.     QPixmap pixMapLine;
    162.     pixMapLine.load(":/Images/Line.png");
    163.     painter->drawPixmap(rectLine, pixMapLine);
    164. }
    165.  
    166.  
    167. NavModel::NavModel(QObject *parent)	: QAbstractListModel(parent)
    168. {
    169.  
    170. }
    171.  
    172. NavModel::~NavModel()
    173. {
    174.     for (std::vector::iterator it = treeNode.begin(); it != treeNode.end();) {
    175.         for (std::list::iterator child = (*it)->children.begin(); child != (*it)->children.end();) {
    176.             delete(*child);
    177.             child = (*it)->children.erase(child);
    178.         }
    179.         delete(*it);
    180.         it = treeNode.erase(it);
    181.     }
    182. }
    183.  
    184. void NavModel::readData(QString path)
    185. {
    186.     QFile xml(path);
    187.  
    188.     if (!xml.open(QIODevice::ReadOnly | QIODevice::Text)) {
    189.         return;
    190.     }
    191.     QDomDocument doc;
    192.     if (!doc.setContent(&xml, false))
    193.     {
    194.         return;
    195.     }
    196.  
    197.     treeNode.clear();
    198.     listNode.clear();
    199.  
    200.     QDomNode root = doc.documentElement().firstChildElement("layout");
    201.     QDomNodeList children = root.childNodes();
    202.  
    203.     for (int i = 0; i != children.count(); ++i)
    204.     {
    205.         QDomElement nodeInfo = children.at(i).toElement();
    206.         TreeNode *node = new TreeNode;
    207.         node->label    = nodeInfo.attribute("label");
    208.         node->collapse = nodeInfo.attribute("collapse").toInt();
    209.         node->info     = nodeInfo.attribute("info");
    210.         node->level    = 1;
    211.  
    212.         QDomNodeList secondLevel = nodeInfo.childNodes();
    213.         for (int j = 0; j != secondLevel.count(); ++j)
    214.         {
    215.             QDomElement secNodeInfo = secondLevel.at(j).toElement();
    216.             TreeNode *secNode = new TreeNode;
    217.             secNode->label = secNodeInfo.attribute("label");
    218.             secNode->info  = secNodeInfo.attribute("info");
    219.             secNode->collapse = false;
    220.             secNode->level    = 2;
    221.             secNode->theLast  = (j == secondLevel.count() - 1 && i != children.count() - 1);
    222.             node->children.push_back(secNode);
    223.         }
    224.  
    225.         treeNode.push_back(node);
    226.     }
    227.  
    228.     refreshList();
    229.     beginResetModel();
    230.     endResetModel();
    231. }
    232.  
    233. void NavModel::setData(QStringList listItem)
    234. {
    235.     int count = listItem.count();
    236.  
    237.     if (count == 0) {
    238.         return;
    239.     }
    240.     treeNode.clear();
    241.     listNode.clear();
    242.  
    243.     // listItem格式: 标题|父节点标题(父节点为空)|是否展开|提示信息
    244.     for (int i = 0; i < count; i++)
    245.     {
    246.         QString item = listItem.at(i);
    247.         QStringList list = item.split("|");
    248.  
    249.         if (list.count() < 4)
    250.         {
    251.             continue;
    252.         }
    253.         // 首先先将父节点即父节点标题为空的元素加载完毕
    254.         QString title       = list.at(0);
    255.         QString fatherTitle = list.at(1);
    256.         QString collapse    = list.at(2);
    257.         QString info        = list.at(3);
    258.         QString iconFile    = list.at(4);
    259.         if (fatherTitle.isEmpty())
    260.         {
    261.             TreeNode *node = new TreeNode;
    262.             node->label     = title;
    263.             node->collapse  = collapse.toInt();
    264.             node->info      = info;
    265.             node->level     = 1;
    266.             node->iconName  = iconFile;
    267.             // 先计算该父节点有多少个子节点
    268.             int secCount = 0;
    269.             for (int j = 0; j < count; j++)
    270.             {
    271.                 QString secItem = listItem.at(j);
    272.                 QStringList secList = secItem.split("|");
    273.  
    274.                 if (secList.count() < 4)
    275.                 {
    276.                     continue;
    277.                 }
    278.  
    279.                 QString secFatherTitle  = secList.at(1);
    280.                 if (secFatherTitle == title)
    281.                 {
    282.                     secCount++;
    283.                 }
    284.             }
    285.             // 查找该父节点是否有对应子节点,有则加载
    286.             int currentCount = 0;
    287.             for (int j = 0; j < count; j++)
    288.             {
    289.                 QString secItem = listItem.at(j);
    290.                 QStringList secList = secItem.split("|");
    291.  
    292.                 if (secList.count() < 4)
    293.                 {
    294.                     continue;
    295.                 }
    296.                 QString secTitle        = secList.at(0);
    297.                 QString secFatherTitle  = secList.at(1);
    298.                 QString secInfo         = secList.at(3);
    299.                 QString secIconName     = secList.at(4);
    300.  
    301.                 if (secFatherTitle == title)
    302.                 {
    303.                     currentCount++;
    304.                     TreeNode *secNode = new TreeNode;
    305.                     secNode->label    = secTitle;
    306.                     secNode->info     = secInfo;
    307.                     secNode->collapse = false;
    308.                     secNode->level    = 2;
    309.                     secNode->theFirst = (currentCount == 1);
    310.                     secNode->theLast  = (currentCount == secCount);
    311.                     secNode->iconName = secIconName;
    312.                     node->children.push_back(secNode);
    313.                 }
    314.             }
    315.             treeNode.push_back(node);
    316.         }
    317.     }
    318.     refreshList();
    319.     beginResetModel();
    320.     endResetModel();
    321. }
    322.  
    323. int NavModel::rowCount(const QModelIndex &parent) const
    324. {
    325.     return listNode.size();
    326. }
    327.  
    328. QVariant NavModel::data(const QModelIndex &index, int role) const
    329. {
    330.     if (!index.isValid()) {
    331.         return QVariant();
    332.     }
    333.  
    334.     if (index.row() >= listNode.size() || index.row() < 0) {
    335.         return QVariant();
    336.     }
    337.  
    338.     if (role == Qt::DisplayRole) {
    339.         return listNode[index.row()].label;
    340.     } else if (role == Qt::UserRole) {
    341.         return reinterpret_cast(listNode[index.row()].treeNode);
    342.     }
    343.     return QVariant();
    344. }
    345.  
    346. void NavModel::refreshList()
    347. {
    348.     listNode.clear();
    349.  
    350.     for (std::vector::iterator it = treeNode.begin(); it != treeNode.end(); ++it) {
    351.         ListNode node;
    352.         node.label = (*it)->label;
    353.         node.treeNode = *it;
    354.  
    355.         listNode.push_back(node);
    356.  
    357.         if ((*it)->collapse) {
    358.             continue;
    359.         }
    360.  
    361.         for (std::list::iterator child = (*it)->children.begin(); child != (*it)->children.end(); ++child) {
    362.             ListNode node;
    363.             node.label = (*child)->label;
    364.             node.treeNode = *child;
    365.             node.treeNode->theLast = false;
    366.             listNode.push_back(node);
    367.         }
    368.  
    369.         if (!listNode.empty()) {
    370.             listNode.back().treeNode->theLast = true;
    371.         }
    372.     }
    373. }
    374.  
    375. void NavModel::collapse(const QModelIndex &index)
    376. {
    377.     TreeNode *node = listNode[index.row()].treeNode;
    378.  
    379.     if (node->children.size() == 0) {
    380.         return;
    381.     }
    382.  
    383.     node->collapse = !node->collapse;
    384.  
    385.     if (!node->collapse) {
    386.         beginInsertRows(QModelIndex(), index.row() + 1, index.row() + node->children.size());
    387.         endInsertRows();
    388.     } else {
    389.         beginRemoveRows(QModelIndex(), index.row() + 1, index.row() + node->children.size());
    390.         endRemoveRows();
    391.     }
    392.  
    393.     // 刷新放在删除行之后，放在删除行之前可能导致rowCount返回数据错误
    394.     refreshList();
    395. }
    396.  
    397. NavListView::NavListView(QWidget *parent) : QListView(parent)
    398. {
    399.     infoVisible = true;
    400.     lineVisible = true;
    401.     icoColorBg = false;
    402.     style = NavListView::IcoStyle_Cross;
    403.     colorLine         = QColor(214, 216, 224);
    404.     colorBgNormal     = QColor(239, 241, 250);
    405.     colorBgSelected   = QColor(133, 153, 216);
    406.     colorBgHover      = QColor(209, 216, 240);
    407.     colorTextNormal   = QColor(58, 58, 58);
    408.     colorTextSelected = QColor(255, 255, 255);
    409.     colorTextHover    = QColor(59, 59, 59);
    410.  
    411.     this->setMouseTracking(true);
    412.     model = new NavModel(this);
    413.     delegate = new NavDelegate(this);
    414.     connect(this, SIGNAL(clicked(QModelIndex)), model, SLOT(collapse(QModelIndex)));
    415. }
    416.  
    417. NavListView::~NavListView()
    418. {
    419.     delete model;
    420.     delete delegate;
    421. }
    422.  
    423. void NavListView::readData(QString xmlPath)
    424. {
    425.     model->readData(xmlPath);
    426.     this->setModel(model);
    427.     this->setItemDelegate(delegate);
    428. }
    429.  
    430. void NavListView::setData(QStringList listItem)
    431. {
    432.     model->setData(listItem);
    433.     this->setModel(model);
    434.     this->setItemDelegate(delegate);
    435. }
    436.  
    437. void NavListView::setCurrentRow(int row)
    438. {
    439.     QModelIndex index = model->index(row, 0);
    440.     setCurrentIndex(index);
    441. }
    442.  
    443. void NavListView::setInfoVisible(bool infoVisible)
    444. {
    445.     this->infoVisible = infoVisible;
    446. }
    447.  
    448. void NavListView::setLineVisible(bool lineVisible)
    449. {
    450.     this->lineVisible = lineVisible;
    451. }
    452.  
    453. void NavListView::setIcoColorBg(bool icoColorBg)
    454. {
    455.     this->icoColorBg = icoColorBg;
    456. }
    457.  
    458. void NavListView::setIcoStyle(NavListView::IcoStyle style)
    459. {
    460.     this->style = style;
    461. }
    462.  
    463. void NavListView::setColorLine(QColor colorLine)
    464. {
    465.     this->colorLine = colorLine;
    466. }
    467.  
    468. void NavListView::setColorBg(QColor colorBgNormal,  ///< 正常背景颜色
    469.                              QColor colorBgSelected,///< 选中背景颜色
    470.                              QColor colorBgHover)   ///< 鼠标悬停背景颜色
    471. {
    472.     this->colorBgNormal   = colorBgNormal;
    473.     this->colorBgSelected = colorBgSelected;
    474.     this->colorBgHover    = colorBgHover;
    475. }
    476. void NavListView::setColorText(QColor colorTextNormal,  ///< 正常字体颜色
    477.                                QColor colorTextSelected,///< 选中字体颜色
    478.                                QColor colorTextHover)   ///< 鼠标悬停字体颜色
    479. {
    480.     this->colorTextNormal   = colorTextNormal;
    481.     this->colorTextSelected = colorTextSelected;
    482.     this->colorTextHover    = colorTextHover;
    483. }
    484. void NavListView::setColorBgLeval2(QColor _colorBgNormalLeval2,
    485.                                    QColor _colorBgSelectedLeval2,
    486.                                    QColor _colorBgHoverLeval2)
    487. {
    488.     this->colorBgNormalLeval2   = _colorBgNormalLeval2;
    489.     this->colorBgSelectedLeval2 = _colorBgSelectedLeval2;
    490.     this->colorBgHoverLeval2    = _colorBgHoverLeval2;
    491. }
    492. void NavListView::setColorTextLeval2(QColor _colorTextNormalLeval2,
    493.                                      QColor _colorTextSelectedLeval2,
    494.                                      QColor _colorTextHoverLeval2)
    495. {
    496.     this->colorTextNormalLeval2   = _colorTextNormalLeval2;
    497.     this->colorTextSelectedLeval2 = _colorTextSelectedLeval2;
    498.     this->colorTextHoverLeval2    = _colorTextHoverLeval2;
    499. }

    NavigationList.h

    1. #ifndef NAVIGATIONLIST_H
    2. #define NAVIGATIONLIST_H
    3.  
    4. #include 
    5. #include 
    6. #include 
    7. #include 
    8.  
    9. QT_BEGIN_NAMESPACE
    10. namespace Ui { class NavigationList; }
    11. QT_END_NAMESPACE
    12.  
    13. class NavigationList : public QWidget
    14. {
    15.     Q_OBJECT
    16. public:
    17.     explicit NavigationList(QWidget *parent = nullptr);
    18.     ~NavigationList();
    19.     void initTreeView();
    20.  
    21. protected:
    22.     void paintEvent(QPaintEvent* _event) override;
    23.  
    24. public slots:
    25.     void slotListViewPressed(const QModelIndex &);
    26.  
    27. signals:
    28.     void signalPageSwitch(QString page);      // 页面切换信号
    29.  
    30. private:
    31.     Ui::NavigationList *ui;
    32.     bool m_isHideAdditional = true;
    33. };
    34. #endif // NAVIGATIONLIST_H

    NavigationList.cpp

    1. #include "NavigationList.h"
    2. #include "ui_NavigationList.h"
    3.  
    4. NavigationList::NavigationList(QWidget *parent) :
    5.     QWidget(parent),
    6.     ui(new Ui::NavigationList)
    7. {
    8.     ui->setupUi(this);
    9.     initTreeView();
    10.  
    11.     connect(ui->listViewNavigation, &NavListView::pressed, this, &NavigationList::slotListViewPressed);
    12.     ui->listViewNavigation->setCurrentRow(0);
    13. }
    14.  
    15. NavigationList::~NavigationList()
    16. {
    17.     delete ui;
    18. }
    19.  
    20. void NavigationList::paintEvent(QPaintEvent* _event)
    21. {
    22.     Q_UNUSED(_event)
    23.     QStyleOption n_styleOption;
    24.     n_styleOption.init(this);
    25.     QPainter painter(this);
    26.     style()->drawPrimitive(QStyle::PE_Widget, &n_styleOption, &painter, this);
    27. }
    28.  
    29. void NavigationList::initTreeView()
    30. {
    31.     ui->listViewNavigation->setIcoColorBg(false);
    32.     ui->listViewNavigation->setColorLine(QColor("#FFFFFF"));
    33.     ui->listViewNavigation->setColorBg(QColor("#016BFF"),
    34.                                           QColor("#2A83FF"),
    35.                                           QColor("#2A83FF"));
    36.     ui->listViewNavigation->setColorText(QColor("#FFFFFF"),
    37.                                             QColor("#FFFFFF"),
    38.                                             QColor(0, 0, 0));
    39.     ui->listViewNavigation->setColorBgLeval2(QColor("#EBF1FF"),QColor("#EBF1FF"),QColor("#EBF1FF"));
    40.     ui->listViewNavigation->setColorTextLeval2(QColor("#000000"),
    41.                                                   QColor("#000000"),
    42.                                                   QColor("#6D6D6D"));
    43.     // 设置数据方式
    44.     QStringList listItem;
    45.     listItem.append(QString::fromLocal8Bit("Tab1||0||:/Images/1.png|"));
    46.     listItem.append(QString::fromLocal8Bit("Tab2||0||:/Images/2.png|"));
    47.     listItem.append(QString::fromLocal8Bit("Tab3||1||:/Images/3.png|"));
    48.     listItem.append(QString::fromLocal8Bit("Tab4|Tab3|||:/Images/4.png|"));
    49.     listItem.append(QString::fromLocal8Bit("Tab5|Tab3|||:/Images/5.png|"));
    50.     listItem.append(QString::fromLocal8Bit("Tab6|Tab3|||:/Images/6.png|"));
    51.     listItem.append(QString::fromLocal8Bit("Tab7|Tab3|||:/Images/7.png|"));
    52.     listItem.append(QString::fromLocal8Bit("Tab8||0||:/Images/8.png|"));
    53.     listItem.append(QString::fromLocal8Bit("Tab9||0||:/Images/9.png|"));
    54.     ui->listViewNavigation->setData(listItem);
    55. }
    56.  
    57. void NavigationList::slotListViewPressed(const QModelIndex &)
    58. {
    59.     // 获取到点击的某一行，再根据点击显示对应的界面
    60.     QModelIndex index = ui->listViewNavigation->currentIndex();
    61.     QString text = index.data().toString();
    62.     emit signalPageSwitch(text);
    63. }

    NavigationList.ui

            只有一个QListView控件，被提升成了上面的NavListView类

            其中listViewNavigation控件添加了如下的样式表：

    1. NavDelegate
    2. {
    3.     background-color:"#016BFF";
    4. }
    5. QListView#listViewNavigation
    6. {
    7.     border-top-left-radius: 8px;
    8.     border-bottom-left-radius: 8px;
    9.     background-color:"#016BFF";
    10. }

     

  • 相关阅读:
    二维区间最值差
    Unity-镜头移动的相关逻辑
    Python之property装饰器,上下文管理器与生成器
    windows配置skywalking集群
    5.Docker数据管理
    MacOS 文件系统种类及介绍
    Flutter - 波浪动画和lottie动画的使用
    Logback从添加依赖，到配置给中打印级别，archive相关信息配置，在项目中的常见的用法，一个完整的过程
    第六章 数学(三)
    【精华】多目标跟踪MOT
  • 原文地址：https://blog.csdn.net/Sakuya__/article/details/139594145