ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【Qt】多级折叠下拉导航菜单

2022-05-10 08:00:14  阅读:204  来源: 互联网

标签:菜单 Qt void 多级 QTreeWidget ui treeWidget multilevelMenuWidget


一、【效果走一波】请添加图片描述

【特点】

  • 支持多级菜单显示。
  • 当多级菜单高度变小时,支持鼠标滚动操作
  • 菜单可折叠

二、实现思路

(1)使用QTreeWidget作为实现部件。
(2)使用样式表定制显示条目。
(3)设置每个菜单条目的Icon。
(4)设置QTreeWidget参数。
(5)关联每个菜单条目的鼠标点击信号,供其他应用逻辑使用。

三、核心代码

#include "multilevelMenuWidget.h"
#include "ui_multilevelMenuWidget.h"

multilevelMenuWidget::multilevelMenuWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::multilevelMenuWidget)
{
    ui->setupUi(this);
	//初始化
    init(); 
	//创建连接
    createConnection();
}

multilevelMenuWidget::~multilevelMenuWidget()
{
    delete ui;
}


/*
 * @func init
 * @brief 初始化
 * @param None
 * @return None
 * @note 内部调用
 **/
void multilevelMenuWidget::init(void)
{
     ui->treeWidget->setStyleSheet(QString(""
                                           "QWidget{background-color: rgb(33, 45, 62);}"
                                           "QTreeWidget::item{height: 60;}"
                                           "QTreeWidget{background-color: rgb(33, 45, 62);"
                                           "\nfont: 20px 'Microsoft YaHei';\ncolor: rgb(255, 255, 255);}"
                                           "QTreeView::arrow{background-color:white ;}"
                                           )
                                   );


     //隐藏treeWidget的Header
    ui->treeWidget->setHeaderHidden(true);

    QHeaderView *head = ui->treeWidget->header();
    head->setSectionResizeMode(QHeaderView::ResizeToContents);

    //设置treeWidget Icon大小
    ui->treeWidget->setIconSize(QSize(32,32));

    //隐藏treeWidget水平和垂直滚动条
    ui->treeWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
    ui->treeWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);

    //设置treeWidget展开和隐藏动画
    ui->treeWidget->setAnimated(true);

    //默认展开所有的treeWidget项
    ui->treeWidget->expandAll();

    //设置多级菜单部件的最大宽度
    this->setMaximumWidth(350);
}

/*
 * @func createConnection
 * @brief 创建连接
 * @param None
 * @return None
 * @note 内部调用
 **/
void multilevelMenuWidget::createConnection(void)
{
    connect(ui->treeWidget,&QTreeWidget::itemClicked,
    		this,&multilevelMenuWidget::multilevelMenuItemClicked);

    connect(ui->treeWidget,&QTreeWidget::itemDoubleClicked,
            this,&multilevelMenuWidget::multilevelMenuItemDoubleClicked);
}

搜索关注【嵌入式小生】wx公众号回复关键字【1051】即可获取本文的源码工程,也可获取更多精彩内容。

image

标签:菜单,Qt,void,多级,QTreeWidget,ui,treeWidget,multilevelMenuWidget
来源: https://www.cnblogs.com/iriczhao/p/16252002.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有