QMainwindow窗口

企业开发 2023-08-15 20:34:06 阅读次数: 0

QMainwindow窗口

菜单栏

只能有一个, 位于窗口的最上方

关于顶级菜单可以直接在UI窗口中双击, 直接输入文本信息即可, 对应子菜单项也可以通过先双击在输入的方式完成添加, 但是这种方式不支持中文的输入。
在这里插入图片描述
输入文字，按回车确认。
在这里插入图片描述
能创建二级菜单栏
在这里插入图片描述

在二级菜单中输入中文的方法

新建动作( action )
在这里插入图片描述
在这里插入图片描述
得到：
在这里插入图片描述
将刚刚创建的动作拖到相应的菜单列表中去：
在这里插入图片描述
在这里插入图片描述

效果：
在这里插入图片描述

给菜单栏添加相应的动作

在这里插入图片描述

在这里插入图片描述

其中，菜单栏对应的类为QAction
在这里插入图片描述
在这里插入图片描述
当用户点击了菜单栏中的某一个QAction时，triggered信号被发射出啦
在这里插入图片描述

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "QDebug"
#include "QMessageBox"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    
    
    ui->setupUi(this);
    connect(ui->createprogect1,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下创建项目";
                QMessageBox::information(this, "提示框",
                                         "成功创建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    connect(ui->open_action,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下打开项目";
                QMessageBox::information(this, "提示框",
                                         "成功打开项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });

}

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用QMenu类的API方法添加菜单项

在这里插入图片描述

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "QDebug"
#include "QMessageBox"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    
    
    ui->setupUi(this);

    QAction* a1;
    a1 = ui->menu->addAction("打开老项目");
    connect(a1,&QAction::triggered,this,[=]{
    
    
        qDebug()<<"点击了一下打开项目";
        QMessageBox::information(this, "提示框",
                                 "成功打开老项目",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });

    connect(ui->createprogect1,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下创建项目";
                QMessageBox::information(this, "提示框",
                                         "成功创建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    connect(ui->open_action,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下打开项目";
                QMessageBox::information(this, "提示框",
                                         "成功打开项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
}

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

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

分隔符也是QAction类

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

工具栏

可以有多个, 默认提供了一个, 窗口的上下左右都可以停靠

添加工具栏

在这里插入图片描述
在这里插入图片描述

在状态栏中添加控件

可以使用之前的方法，在状态栏中添加QAction控件

  1. 新建action
    在这里插入图片描述
    将action拖到工具栏里面
    在这里插入图片描述
    在这里插入图片描述
    添加信号和槽函数
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "QDebug"
#include "QMessageBox"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    
    
    ui->setupUi(this);

    QAction* a1;
    a1 = ui->menu->addAction("打开老项目");
    //菜单栏
    connect(a1,&QAction::triggered,this,[=]{
    
    
        qDebug()<<"点击了一下打开项目";
        QMessageBox::information(this, "提示框",
                                 "成功打开老项目",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });

    connect(ui->createprogect1,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下创建项目";
                QMessageBox::information(this, "提示框",
                                         "成功创建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    connect(ui->open_action,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下打开项目";
                QMessageBox::information(this, "提示框",
                                         "成功打开项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    //工具栏
    connect(ui->action_4,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下工具4";
                QMessageBox::information(this, "提示框",
                                         "点击了一下工具4",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    connect(ui->action_1,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下工具1";
                QMessageBox::information(this, "提示框",
                                         "点击了一下工具1",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
}

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

效果：
在这里插入图片描述
在这里插入图片描述

工具栏添加其他类型的工具

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

// 在QMainWindow窗口中添加工具栏
void QMainWindow::addToolBar(Qt::ToolBarArea area, QToolBar *toolbar);
void QMainWindow::addToolBar(QToolBar *toolbar);
QToolBar *QMainWindow::addToolBar(const QString &title);

// 将Qt控件放到工具栏中
// 工具栏类: QToolBar
// 添加的对象只要是QWidget或者启子类都可以被添加
QAction *QToolBar::addWidget(QWidget *widget);

// 添加QAction对象
QAction *QToolBar::addAction(const QString &text);
QAction *QToolBar::addAction(const QIcon &icon, const QString &text);

// 添加分隔线
QAction *QToolBar::addSeparator()

在工具栏中，添加其他组件，并发送信号，调用槽函数的方法

工具栏的属性

在这里插入图片描述
看到了QToolBar的继承关系

movable属性值为True（并设置了上下左右都可以停靠）
在这里插入图片描述

在这里插入图片描述

设置图标大小和设置显示图标还是文字
在这里插入图片描述
对应的函数为
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

添加多个工具栏

使用窗口添加

在这里插入图片描述
再将之前的QAction拖到右边的工具栏里面去：
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

使用代码添加

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "QDebug"
#include "QMessageBox"
#include "QLineEdit"
#include "QPushButton"
#include "QLineEdit"

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    
    
    ui->setupUi(this);

    QAction* a1;
    QAction* a2;

    QAction* a4;
   //QPushButton* b1= new QPushButton(this);
   // b1->setText("搜索按钮");
   // QLineEdit* e1 =  new QLineEdit();

    a1 = ui->menu->addAction("打开老项目");
    //给工具栏添加单行输入框
    ui->toolBar->addWidget(new QPushButton("搜索按钮"));
    ui->toolBar->addWidget(new QLineEdit);
    a4 = ui->toolBar->addAction("工具4");


    //菜单栏
    connect(a1,&QAction::triggered,this,[=]{
    
    
        qDebug()<<"点击了一下打开项目";
        QMessageBox::information(this, "提示框",
                                 "成功打开老项目",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });

    connect(ui->createprogect1,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下创建项目";
                QMessageBox::information(this, "提示框",
                                         "成功创建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    connect(ui->open_action,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下打开项目";
                QMessageBox::information(this, "提示框",
                                         "成功打开项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    //工具栏
    connect(ui->action_4,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下工具4";
                QMessageBox::information(this, "提示框",
                                         "点击了一下工具4",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    connect(ui->action_1,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了一下工具1";
                QMessageBox::information(this, "提示框",
                                         "点击了一下工具1",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
//    connect(a2,&QAction::triggered,this,[=]{
    
    
//                qDebug()<<"请输入搜索类容";
//                QMessageBox::information(this, "提示框",
//                                         "请输入搜索类容",
//                                         QMessageBox::Ok,
//                                         QMessageBox::Save);
//            });
//    connect(b1,&QAction::triggered,this,[=]{
    
    
//                qDebug()<<"请输入搜索类容";
//                QMessageBox::information(this, "提示框",
//                                         "请输入搜索类容",
//                                         QMessageBox::Ok,
//                                         QMessageBox::Save);
//            });
    connect(a4,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击了工具4";
                QMessageBox::information(this, "提示框",
                                         "点击了工具4",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });

    //对于toolbar2的操作
    QAction* a5;
    a5 = ui->toolBar_2->addAction("新建项目");
    connect(a5,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击新建项目";
                QMessageBox::information(this, "提示框",
                                         "点击了新建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    QPushButton *b5 = new QPushButton(this);
    b5->setText("^_^");
    //添加小控件
    ui->toolBar_2->addWidget(b5);
    connect(b5,&QPushButton::clicked,this,[=]{
    
    
        qDebug()<<"点击了^_^";
        QMessageBox::information(this, "提示框",
                                 "点击了^_^",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });
    QLineEdit* l5 = new QLineEdit();
    //添加小控件
    ui->toolBar_2->addWidget(l5);
    connect(l5,&QLineEdit::editingFinished,this,[=]{
    
    
        qDebug()<<"完成输入";
        QMessageBox::information(this, "提示框",
                                 "完成了输入",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });

    //下方的工具栏
    QToolBar* b6 = new QToolBar(this);
    QMainWindow::addToolBar(Qt::BottomToolBarArea,b6);
    QAction* a6;
    a6 = b6->addAction("新建项目");
    connect(a6,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击新建项目";
                QMessageBox::information(this, "提示框",
                                         "点击了新建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });



}

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

在下方添加了工具栏，并在工具栏中添加了QAction组件
在这里插入图片描述

在下方的工具栏中，添加非QAction的组件（我使用的是QPushButton）

    //下方的工具栏
    QToolBar* b6 = new QToolBar(this);
    QMainWindow::addToolBar(Qt::BottomToolBarArea,b6);
    QAction* a6;
    a6 = b6->addAction("新建项目");
    connect(a6,&QAction::triggered,this,[=]{
    
    
                qDebug()<<"点击新建项目";
                QMessageBox::information(this, "提示框",
                                         "点击了新建项目",
                                         QMessageBox::Ok,
                                         QMessageBox::Save);
            });
    QPushButton *pb6 = new QPushButton(this);
    pb6->setText("退出");
    //添加小控件
    b6->addWidget(pb6);
    connect(pb6,&QPushButton::clicked,this,[=]{
    
    
        qDebug()<<"点击了退出";
        QMessageBox::information(this, "提示框",
                                 "点击了退出",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });

在这里插入图片描述

状态栏

只能有一个, 位于窗口最下方

需要在状态栏中添加某些控件, 显示某些属性, 使用最多的就是添加标签 QLabel

常用API

// 类型: QStatusBar
void QStatusBar::addWidget(QWidget *widget, int stretch = 0);

[slot] void QStatusBar::clearMessage();
[slot] void QStatusBar::showMessage(const QString &message, int timeout = 0);

在这里插入图片描述
在这里插入图片描述

状态栏出现了：右边的三角形灰色点点

在这里插入图片描述

在状态栏中添加QLabel，并设置跳转路径

    //状态栏
    QLabel* l7 = new QLabel();
    l7->setText(QStringLiteral("<a style='color: red; text-decoration: none ;font-size:20px' href = https://www.baidu.com><u>百度</u>"));
    ui->statusBar->addWidget(l7);
    connect(l7,&QLabel::linkActivated,this,[=](QString url){
    
    
        qDebug()<<"点击了状态栏label";
        QMessageBox::information(this, "提示框",
                                 "点击了状态栏label",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
        QDesktopServices::openUrl(QUrl(url));
    });

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

QLabel超链接

再添加一个pushbutton按钮

    //状态栏
    QLabel* l7 = new QLabel();
    l7->setText(QStringLiteral("<a style='color: red; text-decoration: none ;font-size:20px' href = https://www.baidu.com><u>百度</u>"));
    ui->statusBar->addWidget(l7);
    connect(l7,&QLabel::linkActivated,this,[=](QString url){
    
    
        qDebug()<<"点击了状态栏label";
        QMessageBox::information(this, "提示框",
                                 "点击了状态栏label",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
        QDesktopServices::openUrl(QUrl(url));
    });
    // 再添加按钮
    QPushButton* button = new QPushButton("状态栏的按钮");
    ui->statusBar->addWidget(button);
    connect(button,&QPushButton::clicked,this,[=](){
    
    
        qDebug()<<"点击了状态栏label";
        QMessageBox::information(this, "提示框",
                                 "点击了状态栏pushbutton",
                                 QMessageBox::Ok,
                                 QMessageBox::Save);
    });

在这里插入图片描述
在这里插入图片描述

在状态栏显示信息和清空显示的信息

void MainWindow::on_pushButton_2_clicked()
{
    
    
    //在状态栏显示信息
    connect(ui->pushButton_2,&QPushButton::clicked,this,[=]{
    
    
        ui->statusBar->showMessage("在状态栏显示的信息------------",0);
    });

}

void MainWindow::on_pushButton_clicked()
{
    
    
    //清空状态栏清空显示的信息
    connect(ui->pushButton,&QPushButton::clicked,this,[=]{
    
    
        ui->statusBar->clearMessage();
    });
}

在这里插入图片描述
显示信息
在这里插入图片描述

清空信息
在这里插入图片描述

在项目开发中，不建议状元栏显示信息和状态栏控件一起使用（存在覆盖的问题）

停靠窗口 （Dock Widget）

可以有多个, 默认没有提供, 窗口的上下左右都可以停靠

停靠窗口可以通过鼠标拖动停靠到窗口的上、下、左、右，或者浮动在窗口上方

在非QMainWindow类型的窗口中添加了停靠窗口, 那么这个窗口是不能移动和浮动的。

浮动窗口在工具栏中， 直接将其拖拽到UI界面上即可。

简单使用

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

属性面板

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
可以在属性面板里面改，也可以使用函数修改。

添加控件

t拖拽进去就行
在这里插入图片描述

然后调用信息窗口

void MainWindow::on_pushButton_3_clicked()
{
    
    
    connect(ui->pushButton_3,&QPushButton::clicked,this,[=]{
    
    
        QMessageBox::critical(ui->dockWidget, "标题", "内容", QMessageBox::Apply, QMessageBox::Reset);
        qDebug()<<"点击了一下";
    });
}

在这里插入图片描述
在这里插入图片描述

存在的问题

点第一下：没调用提示框
点第二下：
在这里插入图片描述
在这里插入图片描述
点第三下：

在这里插入图片描述
在这里插入图片描述
调用了两下

点第4下：
在这里插入图片描述
调用了三下。。。。。

解决办法

在点击控件的槽函数里面直接调用messagebox就行，不要再connect一次。。。。

void MainWindow::on_pushButton_3_clicked()
{
    
    
    qDebug()<<"点击了一下";
//    connect(ui->pushButton_3,&QPushButton::clicked,this,[=]{
    
    
//        //QMessageBox::critical(ui->dockWidget, "标题", "内容", QMessageBox::Apply, QMessageBox::Reset);
//        QMessageBox::information(this, "提示框",
//                                 "点击了^_^",
//                                 QMessageBox::Ok,
//                                 QMessageBox::Save);
//        qDebug()<<"调用了一次message";
//    });
    QMessageBox::information(this, "提示框",
                             "点击了一下浮动窗口中的控件",
                             QMessageBox::Ok,
                             QMessageBox::Save);
}

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41701723/article/details/132212870
今日推荐
周排行
成为C++高手之宏与枚举
在CAD二次开发中使用进度条
Js插件ECharts，HighCharts学习网址整理
Celery提交任务出错(on windows.)
cephfs内核客户端性能追踪
thinkphp中PHPExcel用法
EntityFramework动态组合多排序字段
汇编语言（八）实验9 根据材料编程
安装ubuntu后必须做的事情（对我而言）
JS函数式编程
每日归档
更多
2024-10-22(0)
2024-10-21(0)
2024-10-20(0)
2024-10-19(0)
2024-10-18(0)
2024-10-17(0)
2024-10-16(0)
2024-10-15(0)
2024-10-14(0)
2024-10-13(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022