Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件

1. 新建QMainWindow工程

Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第1张图片
取消生成.ui文件
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第2张图片

2. 菜单栏

在mainwindow.cpp中添加头文件 和

#include 
#include 
#include 
#include 

新建菜单栏

// 新建菜单栏
QMenuBar *menuBr = menuBar();
setMenuBar(menuBr);

给菜单栏添加菜单

// 添加菜单
QMenu *pFile = menuBr->addMenu("File");

给菜单添加菜单项

// 添加菜单项
QAction *pNew = pFile->addAction("new file");
QAction *pOpen = pFile->addAction("open file");

给菜单项绑定动作

connect(pNew, &QAction::triggered,
            [] ()
            {
                qDebug() << "Create new file";
            }
            );
    connect(pOpen, &QAction::triggered,
            [] ()
            {
                qDebug() << "Open file";
            }
            );

保存后运行, 点击"File"菜单下的"new file"和"open file", 会有对应的log输出: [动图卡住,就右键查看图片]
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第3张图片

添加分割线

在添加new fileopen file两个菜单项代码的中间, 添加一条分割线:

pFile->addSeparator();  // 添加分割线

添加后, 分割线长这样:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第4张图片

3. 工具栏

添加头文件

添加工具栏

QToolBar *toolBar = addToolBar("ToolBar");

这个时候工具栏什么都没有, 我们需要往里面加东西:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第5张图片

给工具栏添加快捷键

toolBar->addAction(pNew);

这样, 新建文件的快捷键就被添加到工具栏了:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第6张图片
点击快捷键, 会有对应的log输出. 但是我们见到的工具栏里的快捷键都是小图标, 没有这么丑的, 用文字的, 比如WPS的工具栏:

但是我们这里先不讲怎么添加图标, 暂时先用Button代替一下 :)

给工具栏添加小控件

QPushButton *button = new QPushButton(this);
button->setText("Click");
connect(button, &QPushButton::clicked,
            [=] ()
            {
                button->setText("^0^");
            }
            );

toolBar->addWidget(button);

运行后点击按钮:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第7张图片

4. 状态栏

添加头文件

添加状态栏

QStatusBar *statusBr = statusBar();

通过两种写法给状态栏添加信息

// 第一种
QLabel *fileType = new QLabel(this);
fileType->setText("Normal text file");
statusBr->addWidget(fileType);
// 第二种
statusBr->addWidget(new QLabel("UTF8", this));

保存后运行, 显示结果如下:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第8张图片
addWidget这种方式是从左往右添加的, 使用addPermanentWidget可以从右往左添加:

statusBr->addPermanentWidget(new QLabel("Line:1,Col:1", this));

Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第9张图片

5. TextEdit控件

添加头文件

QTextEdit *textEdit = new QTextEdit(this);
setCentralWidget(textEdit);

可以在文本编辑控件里输入字符了:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第10张图片

6. 浮动窗口

添加头文件

QDockWidget *dock = new QDockWidget(this);
addDockWidget(Qt::RightDockWidgetArea, dock);
// 给浮动窗口添加控件
dock->setWidget(new QLabel("No documentation available.", this));

显示效果如下:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第11张图片
浮动窗口是可以拖动的, 可以停靠在上下左右, 也可以拖离主窗口.
addDockWidget的第一个参数Qt::RightDockWidgetArea, 为预设的停靠位置, 还有以下几种选项:
Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件_第12张图片
其实工具栏也是可以浮动的.

附录

mainwindow.cpp

#include "mainwindow.h"
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    QMenuBar *menuBr = menuBar();
    setMenuBar(menuBr);
    QMenu *pFile = menuBr->addMenu("File");

    QAction *pNew = pFile->addAction("new file");
    pFile->addSeparator();
    QAction *pOpen = pFile->addAction("open file");
    // 绑定动作
    connect(pNew, &QAction::triggered,
            [] ()
            {
                qDebug() << "Create new file";
            }
            );
    connect(pOpen, &QAction::triggered,
            [] ()
            {
                qDebug() << "Open file";
            }
            );

    // 添加工具栏
    QToolBar *toolBar = addToolBar("ToolBar");

    // 给工具栏添加快捷键
    toolBar->addAction(pNew);

    // 给工具栏添加小控件
    QPushButton *button = new QPushButton(this);
    button->setText("Click");
    connect(button, &QPushButton::clicked,
            [=] ()
            {
                button->setText("^0^");
            }
            );
    toolBar->addWidget(button);

    // 状态栏
    QStatusBar *statusBr = statusBar();

    QLabel *fileType = new QLabel(this);
    fileType->setText("Normal text file");
    statusBr->addWidget(fileType);
    statusBr->addWidget(new QLabel("UTF8", this));

    statusBr->addPermanentWidget(new QLabel("Line:1,Col:1", this));

    // TextEdit
    QTextEdit *textEdit = new QTextEdit(this);
    setCentralWidget(textEdit);

    QDockWidget *dock = new QDockWidget(this);
    addDockWidget(Qt::RightDockWidgetArea, dock);
    dock->setWidget(new QLabel("No documentation available.", this));
}

MainWindow::~MainWindow()
{

}

你可能感兴趣的:(Qt5教程: (6) 菜单栏、工具栏、状态栏及核心控件)