QT_03 QMainWindow、资源、对话框、布局、控件、定时器

最新推荐文章于 2024-05-22 10:53:19 发布
最新推荐文章于 2024-05-22 10:53:19 发布
阅读量1k 收藏 20
点赞数 21
分类专栏： QT 文章标签： qt 开发语言 c++
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhb_feng/article/details/135453738
版权

QT - QMainWindow、资源、对话框、布局、控件、定时器

1. QMainWindow

1.1 概述

QMainWindow 是一个为用户提供主窗口程序的类：

  • 包含一个菜单栏（menu bar）
  • 多个工具栏(tool bars)
  • 多个铆接部件(dock widgets)
  • 一个状态栏(status bar)
  • 一个中心部件(central widget)
  • 许多应用程序的基础，如文本编辑器，图片编辑器等。

在这里插入图片描述

在这里插入图片描述

1.2 创建QMainWindow项目

在这里插入图片描述

1.3 菜单栏

一个主窗口最多 只有一个菜单栏（MenuBar）。位于主窗口顶部、主窗口标题栏下面。

  • 创建菜单栏：

    • 通过 QMainWindow 类的 menubar（ ）函数获取主窗口菜单栏指针
    //创建菜单栏:
    #include <QMenuBar>
    QMenuBar --> QMenuBar(QWidget *parent = Q_NULLPTR)
//添加菜单栏:
	QMainWindow --> void setMenuBar(QMenuBar *menuBar)

  • 创建菜单：

    • 调用 QMenu 的成员函数 addMenu 来添加菜单
    //创建菜单：
    #include <QMenu>
    QMenu --> QMenu(const QString &title, QWidget *parent = Q_NULLPTR)
//添加菜单：
	MenuBar --> QAction *addMenu(QMenu *menu)

  • 创建菜单项：

    • 调用 QMenu 的成员函数 addAction 来添加菜单项
    //创建菜单项：
    #include <QAction>
    QAction --> QAction(const QString &text, QObject *parent = nullptr)
//添加菜单项：
	QMenu --> addAction(const QAction *action)
    • Qt 并没有专门的菜单项类，只是使用一个 QAction 类，抽象出公共的动作。当我们把 QAction 对象添加到菜单，就显示成一个菜单项，添加到工具栏，就显示成一个工具按钮。用户可以通过点击菜单项、点击工具栏按钮、点击快捷键来激
      活这个动作。

示例：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QMenuBar>
#include <QMenu>
#include <QAction>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    setFixedSize(1200, 800);
    setWindowTitle("菜单栏");
    //获取当前窗口自带的菜单栏
    //QMenuBar *menuBar = this->menuBar();

    //1.1 创建一个菜单栏
    QMenuBar *menuBar = new QMenuBar(this);
    //1.2 设置菜单栏
    this->setMenuBar(menuBar);

    //2.1 创建菜单
    QMenu *fileMenu = new QMenu("文件",menuBar);
    //2.2 将菜单添加到菜单栏
    menuBar->addMenu(fileMenu);

    QMenu *editMenu = new QMenu("编辑",menuBar);
    menuBar->addMenu(editMenu);

    //3.1 创建活动(QAction)
    QAction * na = new QAction("新建文件或项目",fileMenu);
    //3.2 给菜单添加活动
    fileMenu->addAction(na);

    //4.1 菜单中的菜单
    QMenu *sonMenu = new QMenu("最近打开的文件",fileMenu);
    //4.2 菜单中添加菜单
    fileMenu->addMenu(sonMenu);

    QAction * sonA01 = new QAction("D:/a.txt",sonMenu);
    QAction * sonA02 = new QAction("D:/b.txt",sonMenu);
    QAction * sonA03 = new QAction("D:/c.txt",sonMenu);
    sonMenu->addAction(sonA01);
    sonMenu->addAction(sonA02);
    sonMenu->addAction(sonA03);

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

    QAction * exitA = new QAction("退出",fileMenu);
    fileMenu->addAction(exitA);

    //6 添加快捷键
    na->setShortcut(QKeySequence(Qt::CTRL+Qt::Key_N));
    oa->setShortcut(QKeySequence(tr("ctrl+o")));

    //7 设置信号与槽(点击退出关闭窗口)
    connect(exitA,QAction::triggered,this,QWidget::close);
    
    connect(na,QAction::triggered,[](){
        qDebug() << "新建文件或项目活动被触发了" << endl;
    });
}

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

结果：

在这里插入图片描述

1.4 工具栏

主窗口的工具栏上可以有多个工具条，通常采用一个菜单对应一个工具条的的方式，也可根据需要进行工具条的划分。

注意：QMainWindow UI页面中自带一个工具栏，如果不想要需删除

相关函数：

//创建工具栏：
    #include <QToolBar>
    QToolBar --> QToolBar(QWidget *parent = Q_NULLPTR)
    
//添加工具栏：
    QMainWindow -->
    void addToolBar(QToolBar *toolbar)
    void addToolBar(Qt::ToolBarArea area, QToolBar *toolbar)
    Qt::LeftToolBarArea 	//左边显示
    Qt::RightToolBarArea 	//右边显示
    Qt::TopToolBarArea 		//上边显示
    Qt::BottomToolBarArea 	//下边显示
    
//设置位置
    setAllowedAreas(Qt::LeftToolBarArea | Qt::RightToolBarArea）
//设置可移动性
	setMoveable(false) // 工具条不可移动, 只能停靠在初始化的位置上

示例：

//1.1 创建工具栏1
QToolBar *tbar01 = new QToolBar(this);
//1.2 添加工具类
this->addToolBar(tbar01);

//2.1 创建活动
QAction *tAction01 = new QAction("啦啦啦",tbar01);
//2.2 工具栏添加活动
tbar01->addAction(tAction01);

QAction *tAction02 = new QAction("德玛西亚",tbar01);
tbar01->addAction(tAction02);

//创建工具栏2
QToolBar *tbar02 = new QToolBar(this);
QAction *tAction03 = new QAction("艾欧尼亚",tbar01);
tbar02->addAction(tAction03);

//3 添加工具栏时指定停靠位置
this->addToolBar(Qt::LeftToolBarArea,tbar02);

//4 设置不允许拖拽改变其停靠位置
tbar01->setMovable(false);

在这里插入图片描述

1.5 状态栏

  • 状态栏也只能最多有一个

  • 派生自 QWidget 类，使用方法与 QWidget 类似

相关函数：

//创建状态栏：
QStatusBar --> QStatusBar(QWidget *parent = Q_NULLPTR);
//将控件添加到左边栏
void addWidget(QWidget *widget, int stretch = 0)
//将控件添加到右边栏
void addPermanentWidget(QWidget *widget, int stretch = 0)
//添加状态栏：
QMainWindow --> void setStatusBar(QStatusBar *statusbar)

示例：

/*
	QStatusBar:状态栏
*/
//创建状态栏
QStatusBar *sBar = new QStatusBar(this);
//设置状态栏
this->setStatusBar(sBar);
QPushButton *btn01 = new QPushButton("按钮1",sBar);
QPushButton *btn02 = new QPushButton("按钮2",sBar);
QPushButton *btn03 = new QPushButton("按钮3",sBar);

sBar->addWidget(btn01);
sBar->addWidget(btn02);
//添加到固定位置
sBar->addPermanentWidget(btn03);

在这里插入图片描述

1.6 铆接部件

  • 铆接部件 QDockWidget，也称浮动窗口，可以有多个。

相关函数：

//创建铆接部件：
QDockWidget -->QDockWidget(const QString &title, QWidget *parent = Q_NULLPTR)
//添加铆接部件：
QMainWindow -->void addDockWidget(Qt::DockWidgetArea area, QDockWidget* dockwidget)
Qt::LeftDockWidgetArea 	//左边
Qt::RightDockWidgetArea //右边
Qt::TopDockWidgetArea 	//上边
Qt::BottomDockWidgetArea //下边

示例

/*
   QDockWidget: 铆接部件
*/

QDockWidget *dock1 = new QDockWidget("铆接1", this);
this->addDockWidget(Qt::LeftDockWidgetArea, dock1);
QAction *action01 = new QAction("铆接部件中的内容", dock1);
dock1->addAction(action01);

在这里插入图片描述

1.7 中心控件

除了以上几个部件，中心显示的部件都可以作为核心部件，例如一个记事本文件，可以利用QTextEdit 做核心部件。

setCentralWidget(QWidget *widget)

示例：

//中心控件
//    //1.按钮中心控件
//    QPushButton *btn04 = new QPushButton("中心控件",this);
//    //设置中心控件
//    //参数QWidget
//    this->setCentralWidget(btn04);
//2.自定义设计师界面类，CenterWidget继承于Widget 设置 为中心控件
CenterWidget *c = new CenterWidget(this);
this->setCentralWidget(c);
  • 使用按钮添加中心控件：

在这里插入图片描述

  • 自定义设计师界面类，CenterWidget继承于Widget 设置 为中心控件，自定义比较灵活。

在这里插入图片描述

2. 资源文件

Qt 资源系统是一个跨平台的 资源机制，用于将程序运行时所需要的资源以二进制的形式存储于可执行文件内部。如果你的程序需要加载特定的资源（图标、文本翻译等），那么，将其放置在资源文件中，就再也不需要担心这些文件的丢失。也就是说，如果你将资源以资源文件形式存储，它是会编译到可执行文件内部。

2.1 添加步骤

  • 步骤1：创建资源管理文件夹
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 步骤2：添加前缀

    在这里插入图片描述

  • 步骤3：添加文件

1,创建image文件夹
2,将所需图片资源存储到该文件夹中
3,将该文件夹拷贝到项目下
4,先点击添加,选择添加文件

注意：添加完文件或修改别名之后，需要保存（Ctrl+S）
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.2 使用
//label设置
QPixmap pix;
pix.load(":/image/up.png");
ui->label->setPixmap(pix);
//设置窗口图标
this->setWindowIcon(QIcon(":/image/Sunny.jpg"));

在这里插入图片描述

3. 对话框

头文件：#include <QDialog>

3.1 基本概念

对话框 是 GUI 程序中不可或缺的组成部分。很多不能或者不适合放入主窗口的功能组件都必须放在对话框中设置。

对话框通常会是一个 顶层窗口，出现在程序最上层，用于实现 短期任务 或者 简洁的用户交互。

Qt 中使用 QDialog 类实现对话框。就像主窗口一样，我们通常会设计一个类，继承 QDialog。

QDialog（及其子类，以及所有 Qt::Dialog 类型的类）的对于其 parent 指针 都有额外的解释：

  • 如果 parent 为 NULL，则该对话框会作为一个 顶层窗口；
  • 否则 则作为其父组件的子对话框 （此时，其默认出现的位置是 parent的中心）。
  • 顶层窗口与非顶层窗口的区别在于，顶层窗口在任务栏会有自己的位置，而非顶层窗口则会共享其父组件的位置

对话框分为 模态对话框 和 非模态对话框 :

  • 模态对话框：就是会 阻塞同一应用程序中其它窗口的输入。 模态对话框很常见，比如“打开文件”功能。你可以尝试一下记事本的打开文件，当打开文件对话框出现时，我们是不能对除此对话框之外的窗口部分进行操作的。
  • 非模态对话框：与 此相反 ，例如查找对话框，我们可以在 显示 着查找对话框的同时，继续对记事本的内容进行编辑。

3.2 标准对话框

Qt 的内置对话框大致分为以下几类：

  • QColorDialog： 选择颜色；
  • QFileDialog： 选择文件或者目录；
  • QFontDialog： 选择字体；
  • QInputDialog： 允许用户输入一个值，并将其值返回；
  • QMessageBox： 模态对话框，用于显示信息、询问问题等；
  • QPageSetupDialog： 为打印机提供纸张相关的选项；
  • QPrintDialog： 打印机配置；
  • QPrintPreviewDialog：打印预览；
  • QProgressDialog： 显示操作过程。

注意：

  • 使用 QDialog::exec() 实现应用程序级别的模态对话框
  • 使用 QDialog::open() 实现窗口级别的模态对话框
  • 使用 QDialog::show() 实现非模态对话框

3.3 基本对话框

3.3.1 消息对话框

对应的类：QMessageBox

对应的静态函数：Static Public Members 类名直接调用，不用创建对象；

//关于
void about(QWidget *parent, const QString &title, const QString &text)

//错误提示
StandardButton critical(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = Ok, StandardButton defaultButton = NoButton)
    
//信息提示
StandardButton information(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = Ok, StandardButton defaultButton = NoButton)

//问题(yes,no)
StandardButton question(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = StandardButtons( Yes | No ), StandardButton defaultButton = NoButton)

//警告提示    
StandardButton warning(QWidget *parent, const QString &title, const QString &text, StandardButtons buttons = Ok, StandardButton defaultButton = NoButton)

示例1：widget.cpp 文件，信息框

#include "widget.h"
#include "ui_widget.h"
#include <QDialog>
#include <QPushButton>
#include <QMessageBox>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    setFixedSize(800,600);
    setWindowTitle("对话框演示");

    QPushButton *btn01 = new QPushButton("信息对话框", this);
    btn01->setFixedSize(200, 50);
    connect(btn01, QPushButton::clicked, [&](){
        //this在父窗口中心显示
        QMessageBox::information(this, "信息提示", "你好世界！");
    });
}

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

在这里插入图片描述

示例2：错误提示框

QPushButton *btn02 = new QPushButton("错误对话框", this);
btn02->setFixedSize(200, 50);
btn02->move(0,50);
connect(btn02, QPushButton::clicked, [&](){
    QMessageBox::critical(this, "错误提示", "严重问题");
});

在这里插入图片描述

示例3：警告提示框

QPushButton *btn03 = new QPushButton("警告对话框", this);
btn03->setFixedSize(200, 50);
btn03->move(0,100);
connect(btn03, QPushButton::clicked, [&](){
    QMessageBox::warning(this, "警告提示", "请注意问题");
});

在这里插入图片描述

示例4：关于提示框

QPushButton *btn04 = new QPushButton("关于对话框", this);
btn04->setFixedSize(200, 50);
btn04->move(0,150);
connect(btn04, QPushButton::clicked, [&](){
    QMessageBox::about(this, "关于提示", "今天有点冷");
});

在这里插入图片描述

示例5：选择提示框

QPushButton *btn05 = new QPushButton("选择对话框", this);
btn05->setFixedSize(200, 50);
btn05->move(0,200);
connect(btn05, QPushButton::clicked, [&](){
    QMessageBox::StandardButton tag;
    tag = QMessageBox::question(this, "选择", "c++/QT难不难");
    if(tag == QMessageBox::StandardButton::Yes)
    {
        qDebug() << "有点难" << endl;
    }
    else
    {
        qDebug() << "just so so" << endl;
    }
});

在这里插入图片描述

3.3.2 文件对话框

对应的类：QFileDialog

示例：

QPushButton *btn06 = new QPushButton("文件对话框",this);
btn06->setFixedSize(200,50);
btn06->move(0,250);
connect(btn06,QPushButton::clicked,[&](){
    QString filePath;
    //./当前用户目录下
    filePath = QFileDialog::getOpenFileName(this,"文件","./","*.cpp");
    qDebug() << filePath << endl;
});

在这里插入图片描述

3.3.3 颜色对话框

对应的类：QColorDialog

示例：

QPushButton *btn07 = new QPushButton("颜色对话框",this);
btn07->setFixedSize(200,50);
btn07->move(0,300);
connect(btn07,QPushButton::clicked,[&](){
    QColor color;
    color = QColorDialog::getColor(Qt::green,this,"颜色选择");
    qDebug() << color.red() << endl;
    qDebug() << color.green() << endl;
    qDebug() << color.blue() << endl;
});

//返回RGB
//255 
//85 
//0

在这里插入图片描述

3.3.4 字体对话框

对应的类：QFontDialog

示例：

QPushButton *btn08 = new QPushButton("字体对话框",this);
btn08->setFixedSize(200,50);
btn08->move(0,350);
connect(btn08,QPushButton::clicked,[&](){
    bool tag = true;
    QFont font;
    font = QFontDialog::getFont(&tag,QFont("宋体"),NULL,"字体选择");
    qDebug() << font.family() << endl;
    qDebug() << font.pointSize() << endl;
});

//"宋体" 
//12

在这里插入图片描述

3.4 自定义对话框

3.4.1 创建

  • 新建文件
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 使用

    QPushButton *btn10 = new QPushButton("自定义对话框",this);
btn10->setFixedSize(200,50);
btn10->move(0,450);
connect(btn10,QPushButton::clicked,[&](){
    //创建对话框对象
    MyDialog *myDialog = new MyDialog(this);
    //设置标题与icon
    myDialog->setWindowTitle("自定义对话框");
    //显示
    myDialog->exec();
});

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

4. 布局方式

4.1 概述

Qt 提供了两种组件定位机制：绝对定位和布局定位
    1） 绝对定位： 是一种最原始的定位方法，给出这个组件的坐标和长宽值。
    2） 布局定位： 只要把组件放入某一种布局，布局由专门的布局管理器进行管理，当需要调整大小或者位置的时候，Qt使用对应		   的布局管理器进行调整。

Qt 提供的布局中以下三种是我们最常用的：
QHBoxLayout：按照水平方向从左到右布局；
QVBoxLayout：按照竖直方向从上到下布局；
QGridLayout：在一个网格中进行布局，类似于 HTML 的 table；

4.2 系统提供的布局控件

缺点：这4个为系统给我们提供的布局的控件，但是使用起来不是非常的灵活

在这里插入图片描述

4.3 利用widget做布局

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

5. 常用UI控件

5.1 QLabel标签控件

作用：

setText设置文本
text获取文本
setPixmap显示图片
setMovie显示动画

示例：

#include "widget.h"
#include "ui_widget.h"
#include <QDebug>
#include <QPixmap>
#include <QMovie>

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

    //寻找控件
    //ui -> 控件名称
    //获取文本
    qDebug() << ui->text01->text() << endl;
    //修改文本
    ui->text01->setText("德玛西亚");
    //设置图片
    ui->img->setPixmap(QPixmap(":/image/LuffyQ.png"));
    //设置动画
    QMovie * movie = new QMovie(":/image/mario.gif");
    ui->mlable->setMovie(movie);
    //没有start则不会显示
    movie->start();
   	  //停止播放，放开后就只是图片
//    movie->stop();
}

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

在这里插入图片描述

5.2 QLineEdit标签控件(单行输入)

常用函数：

QString text() const
void setText(const QString &)
void setEchoMode(EchoMode mode)
    QLineEdit::Normal //模式显示方式，按照输入的内容显示。
    QLineEdit::NoEcho //不显示任何内容，此模式下无法看到用户的输入。
    QLineEdit::Password //密码模式，输入的字符会根据平台转换为特殊字符。
    QLineEdit::PasswordEchoOnEdit //编辑时显示字符否则显示字符作为密
void setTextMargins(int left, int top, int right, int bottom)

在这里插入图片描述

示例：

#include "widget.h"
#include "ui_widget.h"
#include <QString>
#include <QDebug>
#include <QLineEdit>
Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    //设置文本
    ui->lineEdit->setText("请输入");
    //密文显示
    ui->lineEdit->setEchoMode(QLineEdit::Password);
}

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

//按钮点击
void Widget::on_pushButton_clicked()
{
    //获取文本
    QString str = ui->lineEdit->text();
    qDebug() << str << endl;
}

在这里插入图片描述

5.3 单选、多选按钮

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

代码：

//widget.h 头文件
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QString>
#include <QStringList>
#include <QDebug>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private slots:
    void on_rbn01_clicked();

    void on_rbn02_clicked();

private:
    Ui::Widget *ui;
    QString sex;
    QString hun;
    QStringList list;
};

#endif // WIDGET_H

//widget.cpp 源文件
#include "widget.h"
#include "ui_widget.h"

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

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

//单选
void Widget::on_rbn01_clicked()
{
    hun = ui->rbn01->text();
    qDebug() << hun << endl;
}

void Widget::on_rbn02_clicked()
{
    hun = ui->rbn02->text();
    qDebug() << hun << endl;
}

//多选
//arg1为2选中
//arg1为0取消
//转到槽函数用:stateChanged
void Widget::on_cb01_stateChanged(int arg1)
{
    if(arg1 == 2)
    {
        list.append(ui->cb01->text());
    }
    else{
        list.removeOne(ui->cb01->text());
    }
    for(int i = 0; i < list.size(); i++)
    {
        qDebug() << list.at(i) << " ";
    }
    qDebug() << endl;
}

void Widget::on_cb02_stateChanged(int arg1)
{
    if(arg1 == 2)
    {
        list.append(ui->cb02->text());
    }
    else{
        list.removeOne(ui->cb02->text());
    }
    for(int i = 0; i < list.size(); i++)
    {
        qDebug() << list.at(i) << " ";
    }
    qDebug() << endl;
}

void Widget::on_cb03_stateChanged(int arg1)
{
    if(arg1 == 2)
    {
        list.append(ui->cb03->text());
    }
    else{
        list.removeOne(ui->cb03->text());
    }
    for(int i = 0; i < list.size(); i++)
    {
        qDebug() << list.at(i) << " ";
    }
    qDebug() << endl;
}

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

5.4 下拉列表

在这里插入图片描述

示例：

#include "widget.h"
#include "ui_widget.h"
#include <QString>
#include <QDebug>
#include <QStringList>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    //下拉列表添加数据
    ui->comboBox->addItem("西安");
    //存入QStringList
    QStringList list;
    list << "西安" << "渭南" << "安康";
    ui->comboBox->addItems(list);
}

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

//转到槽用currentIndexChanged(QString)
void Widget::on_comboBox_currentIndexChanged(const QString &arg1)
{
    qDebug() << arg1 << endl;
}

在这里插入图片描述

6. 登录页面(页面跳转)

//loginwidget.h登录页面头文件
#ifndef LOGINWIDGET_H
#define LOGINWIDGET_H

#include <QWidget>
#include <QString>
#include <QDebug>
#include <QMessageBox>
#include "mainwidget.h"
namespace Ui {
class LoginWidget;
}

class LoginWidget : public QWidget
{
    Q_OBJECT

public:
    explicit LoginWidget(QWidget *parent = 0);
    ~LoginWidget();

private slots:
    void on_pushButton_clicked();

private:
    Ui::LoginWidget *ui;
    MainWidget *mWidget;

};

#endif // LOGINWIDGET_H

//loginwidget.cpp 登录页面源文件
#include "loginwidget.h"
#include "ui_loginwidget.h"

LoginWidget::LoginWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::LoginWidget)
{
    ui->setupUi(this);
    //创建mWidget对象
    mWidget = new MainWidget();
    //退出登录，发信号跳回登录页面，并关闭主页面
    connect(mWidget,MainWidget::goBack,[&](){
        this->show();
        mWidget->close();
    });
}

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

void LoginWidget::on_pushButton_clicked()
{
    //获取账号与密码输入框中的内容
    QString uname = ui->username->text();
    QString pword = ui->password->text();

    if(uname == "admin" && pword == "123456")
    {
        //登录成功，跳转主页面，并隐藏登录页面
        mWidget->show();
        this->hide();
    }
    else
    {
        QMessageBox::critical(this,"登录错误","账号密码不匹配");
    }
}

//mainwidget.h 主页面头文件
#ifndef MAINWIDGET_H
#define MAINWIDGET_H

#include <QWidget>

namespace Ui {
class MainWidget;
}

class MainWidget : public QWidget
{
    Q_OBJECT

public:
    explicit MainWidget(QWidget *parent = 0);
    ~MainWidget();
signals:
    //信号函数
    void goBack();
private slots:
    void on_pushButton_clicked();

private:
    Ui::MainWidget *ui;
};

#endif // MAINWIDGET_H

//mainwidget.cpp 主页面源文件
#include "mainwidget.h"
#include "ui_mainwidget.h"

MainWidget::MainWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::MainWidget)
{
    ui->setupUi(this);
    this->setFixedSize(800,600);
}

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

void MainWidget::on_pushButton_clicked()
{
    //点击 退出登录 跳回登录页面
    emit this->goBack();
}

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

7. 定时器(扩展)

7.1 分类

定时器事件
定时器对象
延迟执行

7.2 定时器事件

使用步骤：

1,在头文件中声明int型变量用于记录定时器id
2,在头文件中声明定时器事件函数
3,在源文件中开启定时器
4,重写定时器事件函数

定时器id：为了后面关闭

相关函数：

//开启定时器
int startTimer(int interval, Qt::TimerType timerType = Qt::CoarseTimer)
//停止定时器
void killTimer(int id);
//定时器事件函数
virtual void timerEvent(QTimerEvent *e)

示例：

//widget.h 头文件
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTimerEvent>
#include <QString>
namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private slots:
    void on_btnstart_clicked();

    void on_btn_over_clicked();

    virtual void timerEvent(QTimerEvent *event);
private:
    Ui::Widget *ui;
    int id;
};

#endif // WIDGET_H


//widget.cpp 源文件
#include "widget.h"
#include "ui_widget.h"

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

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

void Widget::on_btnstart_clicked()
{
    //开启定时器
    //参数:间隔时间,单位毫秒
    //返回值:开启的定时器唯一标识符,关闭时需要该标识符
    //间隔时间到了以后,会发出timeout信号
    //此时会执行timerEvent函数
    id = this->startTimer(1000);
}

void Widget::on_btn_over_clicked()
{
    this->killTimer(id);
}

void Widget::timerEvent(QTimerEvent *event)
{
    QString num = ui->numlabel->text();
    int x = num.toInt();
    x--;
    ui->numlabel->setText(QString::number(x));
    if(x <= 0)
    {
        this->killTimer(id);
    }
}

在这里插入图片描述

7.3 定时器对象

使用步骤：

1,在头文件中声明定时器对象
2,在源文件中创建定时器对象
3,设置定时器的信号与槽
4,在适当位置启动或停止定时器

相关函数与信号:

//函数
QTimer(QObject *parent = Q_NULLPTR);
void start(int msec);

//参数:延迟时间
void start();
void stop();

//信号
void timeout(QPrivateSignal);

示例:

//头文件
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTimer>
namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private slots:
    void on_btns_clicked();

    void on_btno_clicked();

    void setNum();

private:
    Ui::Widget *ui;
    QTimer *timer;
};

#endif // WIDGET_H


//源文件
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    //创建对象
    timer = new QTimer();
    //直接发信号
    connect(timer,QTimer::timeout,this,Widget::setNum);
}

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

void Widget::on_btns_clicked()
{
    //开启
    timer->start(1000);
}

void Widget::on_btno_clicked()
{
    //停止
    timer->stop();
}

void Widget::setNum()
{
    QString num = ui->label->text();
    int x = num.toInt();
    x--;
    ui->label->setText(QString::number(x));
    if(x <= 0)
    {
        timer->stop();
    }
}

在这里插入图片描述

7.4 延迟执行

注意：只会执行一次

头文件：QTimer

相关函数：

void singleShot(int msec, Functor functor)

示例：

QTimer::singleShot(5000,[&](){
	qDebug() << "延迟执行" << endl;
});
小玖工作坊
关注
  • 21
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt中关于定时器timerEvent和QTimer
qq_45445740的博客
11-15 7413
学习一下QT中的定时器
Qt -- 定时器事件和常用的创建定时器的方式
xuechanba的博客
03-10 2037
要触发定时器事件，首先要创建一个定时器 ，只要是继承 QWidget ，都有一个静态成员函数 startTimer 。 在 xxxmainwindow.cpp 中， SerialMainWindow::SerialMainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::SerialMainWindow) { ui->setupUi(this); //创建定时器，第一个参数是定时事件,单位为 ms
Qt学习第2天：常用控件与事件 【笔记】
罗伯特祥的博客
05-19 546
文章目录1. 常用控件2. 布局3. 自定义控件4. Qt样式表5.事件事件事件的接收和忽略event()函数事件过滤器 1. 常用控件 Input Widgets： Line Edit：单行文本输入 设置文本：setText()，ui->lineEdit->setText("654321"); 获取文本：text() ,QString str = ui->lineEd...
qt布局调用自定义函数_【Qt学习笔记】11.自定义控件 Customize the Widget
weixin_36409041的博客
02-04 997
一、窗口绘制——基本方法自定义窗口：Qt里允许自定义窗口控件，使之满足特殊的要求：1、可以修改其显示，自行绘制2、可以呈现动态效果3、可以添加事件，支持鼠标和键盘操作自定义的控件可以直接在Qt Designer 中使用，可以直接加到父窗口里。步骤：1、新建一个类，继承于QWidget和QFrame，最好是继承于QFrame2、重写以下函数 void CellMonitor::paintEvent(...
Qt6.5示例：QMainWindow集成QStatusBar状态栏
20YC编程
01-01 743
1 介绍QStatusBar状态栏的作用及主要功能特点； 2 示例演示如何在QMainWindow中集成QStatusBar状态栏，和显示状态信息； 3 还演示了添加永久信息控件到QStatusBar上，以及定时器的应用。
QT_快速入门
Three的笔记
01-10 6815
*信号与槽（Signal & Slot）**是QT⾃⾏定义的⼀种通信机制，也是 Qt 编程的基础。通过信号与槽的编程机制，使得 Qt 中处理界⾯各个组件的交互操作时变得更加直观和简单。它独⽴于标准的C/C++语⾔，因此要正确的处理信号和槽，必须借助⼀个称为moc（Meta Object Compiler）的QT⼯具，该⼯具是⼀个C++预处理程序，它为⾼层次的事件处理⾃动⽣成所需要的附加代码。信号(signal)：就是特定情况下被发射的事件，⼀般由对象或空间发射出去的消息。
Qt_基础
qq_24472227的博客
10-04 757
1、概述 2、信号和槽机制 3、QMainWindow 4、UI界面 5、对话框DiaLog 6、布局管理器 7、容器container 8、常用控件 9、消息机制和事件 10、定时器 11、绘图和绘图设备
Qt控件知识
qq_41874746的博客
04-07 1462
QMainWindow菜单栏 用代码创建窗口，记得把小部件放到某个窗口上 //1.菜单栏 只能有一个 //创建 QMenuBar * bar = menuBar(); //设置到窗口中 setMenuBar(bar); resize(600,400); //创建菜单 QMenu * fileMenu = bar->addMenu("文件"); QMenu * editMenu = bar->addMenu("编辑");
Qt学习总结之布局管理
qq_27726087的博客
09-01 2383
Qt 的界面设计使用了布局（Layout）功能。所谓布局，就是界面上组件的排列方式，使用布局可以使组件有规则地分布，并且随着窗体大小变化自动地调整大小和相对位置。布局管理是 GUI 设计的必备技巧...
【QT】07 QMainWindow文章代码
03-23
菜单栏、工具栏、状态栏、锚接组件、中心部件的创建及使用 博客地址：https://blog.csdn.net/qq_36926037/article/details/123663392
QT入门之QMainWindow的那些事
08-03
这块比较简单，主要有 一、 创建菜单栏 二、 创建工具栏 三、 状态栏 四、 铆接部件
05_QMainWindow.rar
01-30
QT软件学习记录
浅谈pyqt5在QMainWindow中布局的问题
09-19
今天小编就为大家分享一篇浅谈pyqt5在QMainWindow中布局的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
qt里的QPieSeries饼图
Szh8888的博客
05-21 156
【代码】qt里的QPieSeries饼图。
Qt TreeWidget详细说明
最新发布
qq_71286244的博客
05-22 974
Qt TreeWidget详细用法分析。
深入研究Qt Meta - Object System
charlie114514191的博客
05-18 1082
这篇文章我打算研究一下QMetaObject System，也就是Qt自己构建起来的元对象系统。
qt多语言翻译不生效的原因
weixin_42485732的博客
05-21 179
上述关于事件循环的知识点，以及是否在事件循环第一次执行完以后变量就被释放掉全部是我猜测的，正确与否请自行辨别。
Qt | QCalendarWidget 类(日历)
m0_45463480的博客
05-16 199
QCalendarWidget 类是 QWidget 的直接子类，该类用于日历
Qt Designer中QTimer控件在哪
05-14
在Qt Designer中，QTimer控件并不是一个单独的控件，而是作为一个QMainWindow的成员，在Qt Designer中，您需要将一个QMainWindow控件添加到您的UI中，然后在Qt Designer的组件栏中找到QTimer控件的图标，将其拖动到...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值