Qt菜單QMenu和菜單欄QMenuBar及自定義菜單用法

更新時(shí)間：2022年05月12日 11:19:54 作者：三公子Tjq

本文主要介紹了Qt菜單QMenu和菜單欄QMenuBar及自定義菜單用法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

QMenu和QMenuBar是Qt中的菜單類(lèi)和菜單欄類(lèi)，其中，菜單QMenu掛載在菜單欄QMenuBar上。本文主要總結(jié)QMenu的三種常用用法，分別為常規(guī)用法、繼承QWidgetAction自定義菜單項(xiàng)用法、將QMenu當(dāng)QWidget掛載一個(gè)布局用法。

下面對(duì)每種用法進(jìn)行原理講解和代碼總結(jié)。

一、常規(guī)用法

1.1原理講解

QMenuBar是菜單欄，QMenu是菜單，菜單QMenu是掛載在菜單欄QMenuBar上的，相當(dāng)于菜單欄QMenuBar是一個(gè)容器，菜單QMenu是容器中的其中一項(xiàng)，或者說(shuō)QMenuBar內(nèi)的子集全部是菜單QMenu，如下圖所示：

1.2添加常規(guī)菜單欄和菜單用法代碼

#include <QMenu>
#include <QAction>
#include <QMenuBar>
#include <QVBoxLayout>
 
void Widget::on_pushButton_clicked()
{
    QMenu *menu=new QMenu("菜單:常規(guī)");
    QAction *action1=new QAction(QIcon(":/resource/image/向右箭頭.jpg"),"action1");
    QAction *action2=new QAction(QIcon(":/resource/image/向右箭頭.jpg"),"action2");
    QList<QAction*> list;
    list.append(action1);
    list.append(action2);
    menu->addActions(list);
    QMenuBar *menuBar=new QMenuBar;
    menuBar->addMenu(menu);
    menuBar->addSeparator();    //分隔欄
    ui->verticalLayout->addWidget(menuBar);
}

二、繼承QWidgetAction自定義菜單項(xiàng)用法

2.1原理講解

當(dāng)我們需要自定義菜單里面的每一項(xiàng)時(shí)，也就是需要自定義的菜單項(xiàng)內(nèi)容。菜單項(xiàng)就是菜單里面的子集，如下圖所示：

此時(shí)我們希望添加的action最好是一個(gè)QWidget，那樣就可以任意布局了。Qt提供了這樣的一個(gè)類(lèi)QWidgetAction。該類(lèi)繼承于QAction，因此對(duì)于任何掛載QAction希望自定義界面的需求，都可以用QWidgetAction替代QAction，進(jìn)行自定義界面定制。

調(diào)用QWidgetAction的方法有兩種，一個(gè)中直接當(dāng)成QAction用，只是在創(chuàng)建對(duì)象的時(shí)候，一定要關(guān)聯(lián)父控件為QMenu或者this；調(diào)用完后，設(shè)置函數(shù)void QWidgetAction::setDefaultWidget(QWidget *w);設(shè)置自定義的QWidget界面，然后用菜單像添加QAction一樣添加QWidgetAction對(duì)象即可。另一種方式是繼承QWidgetAction，在繼承子類(lèi)構(gòu)造函數(shù)中設(shè)計(jì)要定義的QWidget布局，下面的代碼也是用繼承QWidgetAction的方法。

2.2代碼示例

分別添加兩個(gè)類(lèi)QMyMenu和QMyWidgetAction，其中QMyMenu繼承QMenu，QMyWidgetAction繼承QWidgetAction。

qmywidgetaction.h

#ifndef QMYWIDGETACTION_H
#define QMYWIDGETACTION_H
 
#include <QWidgetAction>
 
class QMyWidgetAction : public QWidgetAction
{    
public:
    explicit QMyWidgetAction(QWidget *parent=0);
 
protected:
    virtual QWidget *createWidget(QWidget *parent);
};
 
#endif // QMYWIDGETACTION_H

qmywidgetaction.cpp

#include "qmywidgetaction.h"
#include <QPushButton>
#include <QSplitter>
#include <QLabel>
#include <QLineEdit>
#include <QPixmap>
#include <QMouseEvent>
#include <QHBoxLayout>
#include <QDebug>
 
QMyWidgetAction::QMyWidgetAction(QWidget *parent):QWidgetAction(parent)
{
}
 
QWidget *QMyWidgetAction::createWidget(QWidget *parent)
{
    QLabel* lab = new QLabel("label1");
    QPushButton *button1=new QPushButton("button1");
    QHBoxLayout *hlayout=new QHBoxLayout;
    hlayout->setMargin(0);
    hlayout->setSpacing(0);
    hlayout->addWidget(lab);
    hlayout->addWidget(button1);
    QWidget* widget = new QWidget(parent); //如果寫(xiě)成 QSplitter* sp = new QSplitter;  就無(wú)法顯示?。?！
    widget->setLayout(hlayout);
    connect(button1,&QPushButton::clicked,[this](bool){qDebug()<<"單擊按鈕！";});
    return widget;
}

qmymenu.h

#ifndef QMYMENU_H
#define QMYMENU_H
 
#include <QMenu>
#include <QMouseEvent>
 
class QMyMenu : public QMenu
{
public:
    explicit QMyMenu(const QString &title, QWidget *parent = Q_NULLPTR);
 
protected:
};
 
#endif // QMYMENU_H

qmymenu.cpp

#include "qmymenu.h"
#include <QAction>
 
QMyMenu::QMyMenu(const QString &title, QWidget *parent):QMenu(title,parent) //初始化子類(lèi)構(gòu)造函數(shù)
{
 
}

在按鈕槽函數(shù)調(diào)用如下代碼即可

#include "qmywidgetaction.h"
#include "qmymenu.h"
#include <QAction>
#include <QMenuBar>
#include <QVBoxLayout>
 
void Widget::on_pushButton_3_clicked()
{
    QMyMenu *menu= new QMyMenu("菜單:繼承QWidgetAction用法");
    QAction *action1=new QAction(QIcon(":/resource/image/向右箭頭.jpg"),"1");   //設(shè)置圖標(biāo)和內(nèi)容
    menu->addAction(action1);
    QMyWidgetAction *myWidgetAction=new QMyWidgetAction(menu);
    menu->addSeparator();   //添加分割線
    menu->addAction(myWidgetAction);
    QMenuBar *menuBar=new QMenuBar(this);
    menuBar->setStyleSheet("QMenuBar{background-color:red}"
                           "QMenuBar:hover{background-color:blue}");
    menuBar->addMenu(menu);
    ui->verticalLayout->addWidget(menuBar);
    ui->verticalLayout->addStretch();
}

結(jié)果如下圖所示

三、將QMenu當(dāng)QWidget掛載一個(gè)布局用法

3.1原理詳解

QMenu是繼承QWidget的，故我們可以當(dāng)成QWidget一樣進(jìn)行布局調(diào)用，在布局上添加我們自定義的界面。

class Q_WIDGETS_EXPORT QMenu : public QWidget
{}

3.2示例代碼

void Widget::on_pushButton_2_clicked()
{
    QMenu *menu=new QMenu("菜單:當(dāng)Widget用，添加一個(gè)布局");
    QAction *action1=new QAction(QIcon(":/resource/image/向右箭頭.jpg"),"action1");
    QAction *action2=new QAction(QIcon(":/resource/image/向右箭頭.jpg"),"action2");
    QList<QAction*> list;
    list.append(action1);
    list.append(action2);
    QVBoxLayout *vlayout=new QVBoxLayout;
    vlayout->setContentsMargins(10,0,10,0);
    QPushButton *button1=new QPushButton("11");
    vlayout->addWidget(button1);
    menu->setLayout(vlayout);
    QMenuBar *menuBar=new QMenuBar;
    menuBar->addMenu(menu);
    menuBar->addSeparator();
    ui->verticalLayout->addWidget(menuBar);
}

結(jié)果如下圖所示：