<三>–开始菜单的设计
最后更新于：2022-04-01 07:11:14
# 【Qt编程】基于Qt的词典开发系列--开始菜单的设计
这篇文章讲讲如何实现开始菜单（或者称为主菜单）的设计。什么是开始菜单呢？我们拿常用的软件来用图例说明，大多数软件的开始菜单在左下角，如下图：
1、window 7的开始菜单
2、有道词典的主菜单
3、QQ的开始菜单
4、我写的词典软件的开始菜单
当你左键单击开始菜单时，就会弹出相应的菜单选项，然后你就可以进行相关操作。**本文只讲如何实现点击按钮，弹出菜单功能，至于点击菜单后的事件需要你自己编写**。当然，关于右击按钮出现菜单的方法，则是要重写qt自带的函数，至于具体操作可以百度。
**要想使按钮实现左键单击弹出菜单，我们需要让按钮继承下面的名为QMenuButton类,类文件如下**：
**1、qmenubutton.h**
~~~
#ifndef QMENUBUTTON_H
#define QMENUBUTTON_H
#include <QToolButton>
class QMenu;
class QMenuButton : public QToolButton
{
Q_OBJECT
public:
explicit QMenuButton(QWidget *parent = 0);
QMenu * getmenu();
QMenu * menu;
signals:
public slots:
void popupmenu();
};
#endif // QMENUBUTTON_H
~~~
**2、qmenubutton.cpp**
~~~
#include "qmenubutton.h"
#include <QMenu>
#include<QRect>
QMenuButton::QMenuButton(QWidget *parent) :
QToolButton(parent)
{
menu = new QMenu(this);
connect(this,SIGNAL(clicked()),this,SLOT(popupmenu()));//点击按钮就弹出菜单
}
QMenu *QMenuButton::getmenu()
{
return menu;
}
void QMenuButton::popupmenu()
{ QPoint pos; //获取按键菜单的坐标
// int x = pos.x();
int y = pos.y();
// pos.setX(x + this->geometry().width()/2);//也可以改变出现菜单的窗口的x位置
pos.setY(y-this->geometry().height());
//返回菜单下面的action不管有没被选中，可以算一个小事件循环
//里面参数的意思是在哪个坐标弹出菜单，这里将自定义的pop按键的坐标作参考，并在其下面弹出菜单
menu->exec(this->mapToGlobal(pos));
}
~~~
**好吧，对于不懂得怎么继承，也嫌麻烦，下面给出一个简单的方法**：首先建立一个Qt Widgets Application，假设取项目名为MenuButton，类名取为Widget，选择继承于QWidget，然后将上面的qmenubutton.h和qmenubutton.cpp文件添加到项目中来。然后打开界面文件widgets.ui拖一个PushButton按钮,**将objectName改为MenuButton**。然后右击MenuButton选择“提升为……”选项，然后在提升的类名称中填写上面我所提到的类的名字QMenuButton，然后选择提升，这样就完成了PushButton继承QMenuButton。接着我们就要实现菜单选项的设计，具体需要用到QMenu类中的函数，在程序中，我给出了注释，大家可以依葫芦画瓢来定制自己的菜单内容。**下面给出具体的实现：**
1、widget.h文件：
~~~
#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
namespace Ui {
class Widget;
}
class Widget : public QWidget
{
Q_OBJECT
public:
explicit Widget(QWidget *parent = 0);
~Widget();
private:
Ui::Widget *ui;
};
#endif // WIDGET_H
~~~
**2、qmenubutton.h (前面已给出)**
**3、widget.cpp文件：**
~~~
#include "widget.h"
#include "ui_widget.h"
#include<QMenu>
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
QMenu * menu = ui->MenuButton->getmenu();//获得菜单，并向上面添加菜单
QAction* ToTop =menu->addAction("toTop");//一级菜单
//ToTop->setIcon(QIcon(":/searchwindow/searchwindow/topon_normal.png")); 为ToTop菜单添加图片标识
// connect(ToTop, SIGNAL(triggered()), this, SLOT(on_toTopBtn_clicked()));添加事件，当单击ToTop时，产生相应的事件
QMenu *fontMenu=menu->addMenu("Font");
QAction* FontSize1 = fontMenu->addAction("small");//二级菜单
QAction* FontSize2 = fontMenu->addAction("middle");
QAction* FontSize3 = fontMenu->addAction("large");
}
Widget::~Widget()
{
delete ui;
}
~~~
**4、qmenubutton.cpp(前面已给出)**
**5、main.cpp文件：**
~~~
#include "widget.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
w.show();
return a.exec();
}
~~~
**运行结果如下：**
**点击前：**
**点击后：**
****
****
****