快速入门QT大法

QT大法

个人博客地址:https://zjxweb.github.io/#/

1. 入门介绍

1.1 版本控制工具

svn vss git

1.2 QT 优点

  • 跨平台
  • 接口接单,容易上手
  • 一定程度上简化了内存回收

2. 创建第一个QT程序

2.1 流程

  • 点击创建项目后,选择项目路径以及给项目起名称
    • 名称 - 不能有中文,不能有空格
    • 路径 - 不能有中文路径
  • 默认创建有窗口类,myWidget,基类有种选择QWidget,QMainWindow,QDialog
  • main函数
#include "mywidget.h"
#include  // 包含一个应用程序类的头文件

// 程序入口  argc命令行变量的数量  argv命令行变量的数组
int main(int argc, char *argv[])
{
    // a应用程序对象,在QT中 应用程序对象,有且只有一个
    QApplication a(argc, argv);
    // 窗口对象  myWidget对象 -> QWidget
    myWidget w;
    // show 方法  默认不会现实,必须要调用show方法现实窗口
    w.show();
    // 让应用程序对象进入消息循环机制
    // 让代码阻塞到这行
    return a.exec();
}

2.2 注意和帮助

#include "mywidget.h"

// 命名规范
// 类名  首字母大写,单词和单词之间首字母大写
// 函数名 变量名称 首字母小写,单词和单词之间首字母大写

// 快捷键
// 注释  ctrl + /
// 运行 ctrl + R
// 编译 CTRL + B
// 字体缩放 ctrl + 鼠标滚轮
// 查找 ctrl + F
// 整行移动 ctrl + shift + ↑ 或者 ↓
// 帮助文档 F1
// 自动对齐 ctrl + i
// 同名之间的.h 和 .cpp切换 F4

// 帮助文档 第一种方式 F1 第二种左侧按钮  第三章
myWidget::myWidget(QWidget *parent)
    : QWidget(parent)
{
}

myWidget::~myWidget()
{
}

2.3 QT创建流程

快速入门QT大法_第1张图片
快速入门QT大法_第2张图片
快速入门QT大法_第3张图片
快速入门QT大法_第4张图片

快速入门QT大法_第5张图片
快速入门QT大法_第6张图片
快速入门QT大法_第7张图片
快速入门QT大法_第8张图片

3. 常用控件

3.1 按钮

myWidget::myWidget(QWidget *parent)
    : QWidget(parent)
{
    //创建一个按钮
    QPushButton * btn = new QPushButton;
    //btn ->show();// show 以顶层方式弹出窗口控件
    // 让btn对象 以来在 mywidget窗口中
    btn->setParent(this);
    // 显示文本
    btn->setText("第一个按钮");


    // 创建第二个按钮  按照控件的大小创建窗口
    QPushButton * btn2 = new QPushButton("第二个按钮",this);
    // 移动btn2
    btn2->move(100,100);
    // 重置窗口大小
    resize(600,400);
    // 设置固定窗口大小
    setFixedSize(600,400);
    // 设置窗口标题
    setWindowTitle("第一个窗口");
}

3.2 对象树

  • 当创建的对象在堆区时候,如果指定的父亲是Qobject派生下来的类或者Qobject子类派生下来的类,可以不用管理释放的操作,将对象会放入到对象树中。
  • 一定程度上简化了内存回收机制

3.3 QT中的坐标系

  • 左上角为(0,0)点
  • x以右为正方向
  • y以下为正方向

4. 信号和槽

快速入门QT大法_第9张图片

  •     // 需求,点击按钮   关闭窗口
        // 参数1 信号的发送者
        // 参数2 发送的信号(函数的地址)
        // 参数3 信号的接收者
        // 参数4 处理的槽函数
    	// connect(btn2,&QPushButton::clicked,this,&myWidget::close);
        connect(btn2,&QPushButton::clicked,this,&QWidget::close);
    

4.1 自定义信号和槽

  • teacher.h 信号(只需要声明,不需要实现
#ifndef TEACHER_H
#define TEACHER_H

#include 

class Teacher : public QObject
{
    Q_OBJECT
public:
    explicit Teacher(QObject *parent = nullptr);

signals:
    // 自定义信号  写道signals下
    // 返回值是 void ,只需要声明,不需要实现
    // 可以有参数,可以重载
    void hungry();
};

#endif // TEACHER_H

  • teacher.cpp
#include "teacher.h"

Teacher::Teacher(QObject *parent)
    : QObject{parent}
{

}
  • student.h 槽函数(需要声明,也需要实现
#ifndef STUDENT_H
#define STUDENT_H

#include 

class Student : public QObject
{
    Q_OBJECT
public:
    explicit Student(QObject *parent = nullptr);
    // 早期QT版本  必须 写道public slots ,高级版本可以写道public或者全局下
    // 返回值 void ,需要声明,也需要实现
    // 可以有参数,可以发生重载
    void treat();
signals:

};

#endif // STUDENT_H
  • student.cpp
#include "student.h"
#include

Student::Student(QObject *parent)
    : QObject{parent}
{

}

void Student::treat()
{
    qDebug() << "请老师吃饭";
}
  • widget.h
#ifndef WIDGET_H
#define WIDGET_H

#include "teacher.h"
#include "student.h"

#include 

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

private:
    Ui::Widget *ui;
    Teacher * zt;
    Student * st;
    void classIsOver();
};
#endif // WIDGET_H
  • widget.cpp
#include "widget.h"
#include "ui_widget.h"

// Teacher类老师类
// student类学生类
//下课后,老师会触发一个信号,饿了,学生响应信号,请客吃饭


Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 创建一个老师对象
    this->zt = new Teacher(this);
    // 创建一个学生对象
    this->st = new Student(this);

    // 老师饿了  学生请客的连接
    connect(zt,&Teacher::hungry,st,&Student::treat);
    // 调用下课函数
    classIsOver();
}

void Widget::classIsOver()
{
    // 下课函数,调用后 出发老师饿了的信号
    emit zt->hungry();
}

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

4.2 自定义信号和槽发生重载解决

  • 需要利用函数指针,明确指向函数的地址
	// 连接带参数的 信号和槽
    // 指针-> 地址
    // 函数指针 -> 函数地址
    void(Teacher:: *teacherSignal)(QString) = &Teacher::hungry;
    void(Student:: *studentSignal)(QString) = &Student::treat;
    connect(zt,teacherSignal,st,studentSignal);
    classIsOver();
  • 双引号问题解决(Qstring -> char*
void Student::treat(QString foodName)
{
    // Qstring -> char* 就没有双引号了   先转成QByteArray(.toYtf8()) 再转char *(.data())
    // 请老师吃饭,老师要吃 "宫保鸡丁"
    qDebug() << "请老师吃饭,老师要吃" << foodName.toUtf8().data();
}

4.3 信号连接信号

 	// 点击一个 下课的按钮,再触发下课
    QPushButton * btn = new QPushButton("下课",this);
    this->resize(600,400);
    // 点击按钮 触发下课
    // connect(btn,&QPushButton::clicked,this,&Widget::classIsOver);

    //  无参信号和槽连接
    void(Teacher:: *teacherSignal2)(void) = &Teacher::hungry;
    void(Student:: *studentSignal2)(void) = &Student::treat;
    connect(zt,teacherSignal2,st,studentSignal2);
    // 信号连接信号
    connect(btn,&QPushButton::clicked,zt,teacherSignal2);
    // 断开信号
    disconnect(zt,teacherSignal2,st,studentSignal2);

4.4 扩展及其QT4版本信号和槽

  • 扩展
    • 信号是可以连接信号
    • 一个信号可以连接多个槽函数
    • 多个信号 可以连接 同一个槽函数
    • 信号和槽函数的参数 必须是一一对应的
    • 信号和槽函数的参数个数 信号的参数个数 可以多于 槽函数的参数个数
	// QT4版本以前的信号和槽连接方式
    // 利用 QT4信号槽 连接无参版本
    // Qt4版本底层sIGNAL ( "hungry")SLOT ( "treat")
    connect(zt,SIGNAL(hungry()),st,SLOT(treat()));
    // QT4版本优点,参数直观  缺点:类型不做检测
    // 向下兼容

4.5 Lambda 表达式

  • 早期版本必须在.pro 文件下,添加如下代码:
    • CONFIG += c++11
  • Lambda 表达式 用于定义并创建匿名的函数对象
  • 语法
    • [ capture ] ( params ) opt -> ret { body; };
    • 其中 capture 是捕获列表,params 是参数表,opt 是函数选项,ret 是返回值类型,body是函数体。
  • lambda 表达式还可以通过捕获列表捕获一定范围内的变量:
    • [] 不捕获任何变量。
    • [&] 捕获外部作用域中所有变量,并作为引用在函数体中使用(按引用捕获)。
    • [=] 捕获外部作用域中所有变量,并作为副本在函数体中使用(按值捕获)。
    • [=,&foo] 按值捕获外部作用域中所有变量,并按引用捕获 foo 变量。
    • [bar] 按值捕获 bar 变量,同时不捕获其他变量。
    • [this] 捕获当前类中的 this 指针,让 lambda 表达式拥有和当前类成员函数同样的访问权限。如果已经使用了 & 或者 =,就默认添加此选项。捕获 this 的目的是可以在 lamda 中使用当前类的成员函数和成员变量。
 [=](){
      btn->setText("aaaa");
    }();
  • 可修改标示符:

    • mutable 声明,这部分可以省略。按值传递函数对象参数时,加上 mutable修饰符后,可以修改按值传递进来的拷贝(注意是能修改拷贝,而不是值本身)。
      	QPushButton * myBtn = new QPushButton (this) ;
        QPushButton * myBtn2 = new QPushButton (this);myBtn2->move (100,100);
        int m = 10;
        connect (myBtn,&QPushButton::clicked,this,[m] ()mutable { m = 100+10; qDebug () <
  • 函数返回值

    • ->返回值类型,标识函数返回值的类型,当返回值为void,或老函数体中只有一处return 的地方(此时编译器可以自动推断出返回值类型)时,这部分可以省略。
  • 函数体

    • {},标识函数的实现,这部分不能省略,但函数体可以为空。
  • 案列

 // 利用lambda 表达式,实现点击按钮 关闭窗口
    QPushButton * btn2 = new QPushButton;
    btn2->setText("关闭");
    btn2->move(100,0);
    btn2->setParent(this);
//  connect(btn2,&QPushButton::clicked,this,[=](){
    connect(btn2,&QPushButton::clicked,[=](){
//      this->close();
//      emit zt->hungry("宫保鸡丁");
        btn2->setText("aaa");
    });

5. QMainWindow(set开头,只有一个;add开头可以有多个)

  • QMainWindow.是一个为用户提供主窗口程序的类,包含一个菜单栏(menu bar)、多个工具栏(tool bars)、多个锚接部佳(dock widgets)、一个状态栏(status bar)及一个中心部件(central widget),是许多应用程序的基础,如文本编辑器,图片编辑器等。
    快速入门QT大法_第10张图片
#include "mainwindow.h"
#include
#include
#include
#include
#include
#include
#include
#include

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    // 重置窗口大小
    resize(1000,800);
    // 菜单栏 只能最多有一个
    QMenuBar * bar =  menuBar();
    // 将菜单栏放入窗口中
    setMenuBar(bar);
    // 创建菜单
    QMenu * fileMenu = bar->addMenu("文件");
    QMenu * editMenu = bar->addMenu("编辑");
    // 创建菜单项
    QAction * newAction =  fileMenu->addAction("新建");
    // 添加分隔线
    fileMenu->addSeparator();
    QAction * openAction = fileMenu->addAction("打开");


    // 工具栏  可以有多个
    QToolBar * toolBar = new QToolBar(this);
    addToolBar(Qt::LeftToolBarArea,toolBar);
    // 后期设置 只允许 左右停靠
    toolBar->setAllowedAreas(Qt::LeftToolBarArea | Qt::RightToolBarArea);
    // 设置浮动
    toolBar->setFloatable(false);
    // 设置移动(总开关)
    toolBar->setMovable(false);

    // 工具栏中可以设置内容
    toolBar -> addAction(newAction);
    // 添加分隔线
    toolBar->addSeparator();
    toolBar -> addAction(openAction);
    // 工具栏中添加控件
    QPushButton * btn = new QPushButton("aa",this);
    toolBar->addWidget(btn);

    // 状态栏 最多有一个
    QStatusBar * stBar =  statusBar();
    // 设置到窗口中
    setStatusBar(stBar);
    // 放标签控件
    QLabel * label = new QLabel("提示信息",this);
    stBar->addWidget(label);

    QLabel * label2 = new QLabel("右侧提示信息",this);
    stBar->addPermanentWidget(label2);
    // 铆接部件(浮动窗口) 可以有多个
    QDockWidget * dockWidge = new  QDockWidget("浮动",this);
    addDockWidget(Qt::BottomDockWidgetArea,dockWidge);
    // 设置后期停靠区域,只允许
    dockWidge->setAllowedAreas(Qt::TopDockWidgetArea | Qt::BottomDockWidgetArea);

    // 设置中心部件 只能有一个
    QTextEdit * edit = new QTextEdit(this);
    setCentralWidget(edit);
}

MainWindow::~MainWindow()
{
}

6. 资源文件

6.1 QT配置资源文件

    1. 右键添加新文件
      快速入门QT大法_第11张图片
      快速入门QT大法_第12张图片
  • 报错处理

    • 报错信息 [Makefile.Debug:509: debug/qrc_res.o] Error 1
    • 解决方式 在.pro中添加 CONFIG += resources_big

7. 对话框

  • 模态和非模态对话框
      // 点击新建按钮 弹出一个对话框
      connect(ui->actionnew,&QAction::triggered,[=](){
          // 对话框 分类
          // 模态对话框(可以对其他窗口进行操作) 非模态对话框(可以对其他窗口进行操作)
          // 模态创建 阻塞
  //        QDialog dlg(this);
  //        dlg.exec();
  //        dlg.resize(200,100);
  //        qDebug() << "模态对话框弹出";
  
          // 非模态对话框
          QDialog * dlg2 =  new QDialog(this);
          dlg2->resize(300,200);
          dlg2->setAttribute(Qt::WA_DeleteOnClose);
          dlg2->show();
  
      });
  • 标准对话框
    • QColorDialog: 选择颜色;
    • QEileDialog: 选择文件或者目录;
    • QFontDialgg: 选择字体;
    • QInputDialog: 允许用户输入一个值,并将其值返回;v
    • QMessageBox: 模态对话框,用于显示信息、询问问题等;
    • QPageSetupDialog: 为打印机提供纸张相关的选项;u
    • QPxintDialog: 打印机配置;v
    • QPxintPxexiewDialog:打印预览;
    • QProgxessDialog: 显示操作过程。
 // 消息对话框
        // 错误对话框
//        QMessageBox::critical(this,"critical","错误");
        // 信息对话框
//        QMessageBox::information(this,"information","信息");
        // 提问对话框
        // 参数1 父亲 参数2 标题 参数3 提示内容  参数4  按键类型  参数5  默认关联回车按键
//        if(QMessageBox::Save == QMessageBox::question(this,"question","提问",QMessageBox::Save | QMessageBox::Cancel,QMessageBox::Cancel))
//        {
//            qDebug() << "选择的是保存";
//        }
//        else
//        {
//            qDebug() << "选择的是取消";
//        }
        // 警告对话框
//        QMessageBox::warning(this,"warning","警告");

返回值也是standardButton类型,利用返回值判断用户的输入

//其他标准对话框
        //颜色对话框
//        QColor color = QColorDialog::getColor(QColor (255,0,0));
//        qDebug() << "r = " << color.red() << " g = " << color.green() <<"b = "<

8. 界面布局

  • 实现登录窗口
  • 利用布局方式,给窗口进行美化
  • 选取widget 进行布局,水平布局,垂直布局,栅格布局
  • 给用户名,密码,登录,退出按钮进行布局
  • 默认窗口和控件之间有间隙 layout(有上下左右间隙)
  • 利用弹簧进行布局

9. 控件

9.1 按钮组

  • QPushButton 常用按钮
  • QToolButton 工具按钮 用于显示图片,如图想显示文字,修改分格; toolButtonStyle,凸起风格 autoRaise
  • radioButton 单选按钮 ,设置默认 ui->rBtnMan->setChecked(true);
  • checkBox 多选按钮 监听状态:// 多选按钮 2 是选中 0 是未选中 tristate 属性 是 半选状态 是 1
 // 设置单选按钮 男默认选中
    ui->rBtnMan->setChecked(true);

    // 选中女后 打印信息
    connect(ui->rBtnWoman,&QRadioButton::clicked,[=](){
        qDebug() << "选中女了";
    });

    // 多选按钮 2 是选中  0 是未选中   tristate 属性 是 半选状态  是  1
    connect(ui->cBox,&QCheckBox::stateChanged,[=](int state){
        qDebug() << state;
    });

9.2 QListWidfet 列表容器

    // 利用listWidget 写诗  一行内容
//    QListWidgetItem * item = new QListWidgetItem("锄禾日当午");
//    // 将一行诗放入到listWidget 控件中
//    ui->listWidget->addItem(item);
    // 水平居中
//    item->setTextAlignment(Qt::AlignHCenter);

    // QSringList  Qlist
    QStringList list;
    list << "锄禾日当午" << "汗滴禾下土" ;
    ui->listWidget->addItems(list);

9.3 QTreeWidget树控件

// treeWidget树控件使用

    // 设置水平头
    ui->treeWidget->setHeaderLabels(QStringList()<<"英雄"<<"英雄介绍");
    QTreeWidgetItem * liItem = new QTreeWidgetItem(QStringList()<<"力量");
    QTreeWidgetItem * minItem = new QTreeWidgetItem(QStringList()<<"敏捷");
    QTreeWidgetItem * zhiItem = new QTreeWidgetItem(QStringList()<<"智力");
    // 加载顶层的节点
    ui->treeWidget->addTopLevelItem(liItem);
    ui->treeWidget->addTopLevelItem(minItem);
    ui->treeWidget->addTopLevelItem(zhiItem);

    // 追加子节点
    QStringList heroL1;
    heroL1 <<"刚被猪"<<"前排坦克,能在吸收伤害的同时造成可观的范围输出";
    QTreeWidgetItem * l1 = new QTreeWidgetItem(heroL1);
    liItem->addChild(l1);

9.4 QTableWidget控件

  // tableWidget 控件
    // 设置列数
    ui->tableWidget->setColumnCount(3);
    // 设置水平表头
    ui->tableWidget->setHorizontalHeaderLabels(QStringList()<<"姓名"<<"性别"<<"年龄");
    // 设置行数
    ui->tableWidget->setRowCount(5);
    // 设置正文
//    ui->tableWidget->setItem(0,0,new QTableWidgetItem("亚瑟"));

    QStringList nameList;
    nameList<< "亚瑟" << "赵云" << "张飞" << "关羽" << "花木兰";

    QList sexList;
    sexList << "男" << "男" << "男" << "男" << "女" ;

    for(int i = 0; i < 5; i++ )
    {
        int col = 0;
        ui->tableWidget->setItem(i,col++,new QTableWidgetItem(nameList[i]));
        ui->tableWidget->setItem(i,col++,new QTableWidgetItem(sexList.at(i))); // 访问过界 【】 崩掉  at 抛出异常
        // int 转 QString
        ui->tableWidget->setItem(i,col++,new QTableWidgetItem( QString::number(i+18)));
    }

9.5 其他控件 介绍

 // 栈控件使用
    // 设置默认值 scrollArea
    ui->stackedWidget->setCurrentIndex(1);
    //scrollArea
    connect(ui->btn_scrollArea,&QPushButton::clicked,[=](){
        ui->stackedWidget->setCurrentIndex(1);
    });
    // toolBox
    connect(ui->btn_toolBox,&QPushButton::clicked,[=](){
        ui->stackedWidget->setCurrentIndex(2);
    });
    // tabWidget
    connect(ui->btn_tabWidget,&QPushButton::clicked,[=](){
        ui->stackedWidget->setCurrentIndex(0);
    });

    // 下拉框
    ui->comboBox->addItem("奔驰");
    ui->comboBox->addItem("宝马");
    ui->comboBox->addItem("tuolaji");
    // 点击按钮  选中拖拉机选项
    connect(ui->btn_selectta,&QPushButton::clicked,[=](){
//        ui->comboBox->setCurrentIndex(2);
        ui->comboBox->setCurrentText("tuolaji");
    });

    // 利用QLabel显示图片
//    ui->label->setPixmap(QPixmap("路径"));
    // 利用QLavel显示 gif动态图片
//    QMovie * movie = new QMovie("路径");
//    ui->label->setMovie(movie);
//    // 播放动图;
//    movie->start();

10. 自定义控件

10.1 创建分装新控件ui流程

快速入门QT大法_第13张图片
快速入门QT大法_第14张图片

快速入门QT大法_第15张图片

10.2 显示

  • 记得在widget中创建同类型的区域,并进行提升。
    • 添加新文件 - QT-设计界面类
    • .ui 中 设计 QSpinBox 和 QSlider 两个控件
    • Widget 中使用自定义控件,拖拽一个 Widget,点击提升为,点击添加,点击提升
    • 实现功能,改变数字,滑动条跟着移动,信号槽监听
    • 提供getNum 和 setNum 对外接口
    • 测试接口

10.3 相关代码

  • smallwidget.h
#ifndef SMALLWIDGET_H
#define SMALLWIDGET_H

#include 

namespace Ui {
class smallWidget;
}

class smallWidget : public QWidget
{
    Q_OBJECT

public:
    explicit smallWidget(QWidget *parent = nullptr);
    ~smallWidget();
    // 设置数字
    void setNum(int num);
    // Huoqu数字
    int getNum();

private:
    Ui::smallWidget *ui;
};

#endif // SMALLWIDGET_H
  • smallwidget.cpp
#include "smallwidget.h"
#include "ui_smallwidget.h"

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

    // QSpinBox 移动 QSlider跟着移动
    //函数指针
    void(QSpinBox:: * spSignal)(int) = &QSpinBox::valueChanged;
    connect(ui->spinBox,spSignal,ui->horizontalSlider,&QSlider::setValue);

    //QSlider滑动 QSpinBox跟着移动
    connect(ui->horizontalSlider,&QSlider::valueChanged,ui->spinBox,&QSpinBox::setValue);
}

// 设置数字
void smallWidget::setNum(int num)
{
    ui->spinBox->setValue(num);
}
// Huoqu数字
int smallWidget::getNum()
{
    return ui->spinBox->value();
}


smallWidget::~smallWidget()
{
    delete ui;
}
  • widget.cpp
#include "widget.h"
#include "ui_widget.h"
#include

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

    // 点击获取 获取当前控件的值
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        qDebug() << ui->widget->getNum();
    });
    // 设置到一半
    connect(ui->pushButton_2,&QPushButton::clicked,[=](){
        ui->widget->setNum(50);
    });

}

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

11 QT中事件

11.1 基本事件

  • mylabel.cpp
#include "mylabel.h"
#include
#include
myLabel::myLabel(QWidget *parent)
    : QLabel{parent}
{
    // 设置鼠标追踪
    setMouseTracking(true);
}

// 鼠标进入事件
void myLabel::enterEvent(QEvent *event)
{
    qDebug()<< "鼠标进入了";
}
// 鼠标离开事件
void myLabel::leaveEvent(QEvent *event)
{
    qDebug()<<"鼠标离开了";
}
// 鼠标移动
void myLabel::mouseMoveEvent(QMouseEvent *ev)
{
//    if(ev->button() & Qt::LeftButton)
//    {
        qDebug()<< "鼠标移动";
//    }
}
// 鼠标按下
void myLabel::mousePressEvent(QMouseEvent *ev)
{
    if(ev->button() == Qt::LeftButton)
    {
        QString str = QString( "鼠标按下了x = %1 y = %2 globalX = %3  globalY = %4" ).arg(ev->x() ).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
        qDebug()<< str;
    }
}
// 鼠标释放
void myLabel::mouseReleaseEvent(QMouseEvent *ev){
    qDebug()<< "鼠标释放";
}


// 通过event事件分发器 拦截 鼠标按下事件
bool myLabel::event(QEvent *e)
{
    // 如果是鼠标按下  在event事件分发中做拦截操作
    if(e->type() == QEvent::MouseButtonPress)
    {
        // 静态类型转换
        QMouseEvent * ev = static_cast(e);
        QString str = QString( "event鼠标按下了x = %1 y = %2 globalX = %3  globalY = %4" ).arg(ev->x() ).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
        qDebug()<< str;

        return true; // true 代表用户自己处理这个事件  不向下分发
    }
    // 其他事件 交给父类处理  默认处理
    return QLabel::event(e);
}

  • ev->button() 可以判断所有案件 Qt::LeftButton Qt::RightButton

  • ev->buttons()判断组合案件 判断move时候的左右键 结合& 操作符

  • mylabel.h

#ifndef MYLABEL_H
#define MYLABEL_H

#include 

class myLabel : public QLabel
{
    Q_OBJECT
public:
    explicit myLabel(QWidget *parent = nullptr);
    // 鼠标进入事件
    void enterEvent(QEvent *event);
    // 鼠标离开事件
    void leaveEvent(QEvent *event);

    // 鼠标移动
    virtual void mouseMoveEvent(QMouseEvent *ev);
    // 鼠标按下
    virtual void mousePressEvent(QMouseEvent *ev);
    // 鼠标释放
    virtual void mouseReleaseEvent(QMouseEvent *ev);
    // 通过event事件分发器 拦截 鼠标按下事件
    bool event(QEvent *ev);


signals:

};

#endif // MYLABEL_H

  • widget.cpp
#include "widget.h"
#include "ui_widget.h"

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

    // 启动定时器
    id1 = startTimer(1000); // 参数1 间隔 毫秒
    id2 = startTimer(2000);

    // 定时器第二种方式
    QTimer * timer = new QTimer(this);
    // 启动定时器
    timer->start(500); // 0.5s
    connect(timer,&QTimer::timeout,[=](){
        static int num = 1;

        // 每隔1s加一
        ui->label_4->setText(QString::number(num++));
    });

    // 点击暂停按钮 实现停止定时器
    connect(ui->pushButton,&QPushButton::clicked,[=]()
    {
        timer->stop();
    });

    // 给label1 安装事件过滤器
    // 步骤1 安装事件过滤器
    ui->label->installEventFilter(this);
}

// 步骤2 重写事件过滤器事件
bool Widget::eventFilter(QObject * obj, QEvent * e)
{
    if(obj == ui->label)
    {
        if(e->type() == QEvent::MouseButtonPress)
        {
            // 静态类型转换
            QMouseEvent * ev = static_cast(e);
            QString str = QString( "事件过滤中,鼠标按下了x = %1 y = %2 globalX = %3  globalY = %4" ).arg(ev->x() ).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
            qDebug()<< str;

            return true; // true 代表用户自己处理这个事件  不向下分发
        }
    }
    // 其他默认处理
    return QWidget::eventFilter(obj,e);
}

// 重写定时器的事件
void Widget::timerEvent(QTimerEvent * ev)
{
    if(ev->timerId() == id1)
    {
        static int num = 1;

        // 每隔1s加一
        ui->label_2->setText(QString::number(num++));
    }

    if(ev->timerId() == id2)
    {
        // 每隔2s +1
        static int num2 = 1;
        ui->label_3->setText(QString::number(num2++));
    }
}

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


  • widget.h
#ifndef WIDGET_H
#define WIDGET_H

#include 
#include
#include
#include

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

    // 重写定时器的事件
    void timerEvent(QTimerEvent *);

    int id1;// 定时器1的唯一标识
    int id2;// 定时器2的唯一标识

    // 重写事件过滤器事件
    bool eventFilter(QObject *, QEvent *);
private:
    Ui::Widget *ui;
};
#endif // WIDGET_H

11.2 定时器

  • 第一种定时器

    • 利用事件 void timerEvent(QTimerEvent *ev)

    • 启动定时器 startTimer(1000) 毫秒为单位

    • timerEvent 的返回值是定时器的唯一标识,可以和ev-> timerId做比较

  • 第二种定时器

    • 利用定时器类 QTimer
    • 创建定时器对象 QTimer * timer = new QTimer(this);
    • 启动定时器 timer->start(500);毫秒
    • 每隔一定毫秒,发送信号 timeout 进行监听
    • 暂停 timer->stop();

11.3 event事件

快速入门QT大法_第16张图片

  • 用途

    • 用于事件的分发
    • 也可以做拦截操作(不建议
  • bool event(QEvent *e);

  • 返回值 如果是true代表用户处理这个事件, 不向下分发了

  • e->tyoe() === 鼠标按下

  • // 通过event事件分发器 拦截 鼠标按下事件
    bool myLabel::event(QEvent *e)
    {
        // 如果是鼠标按下  在event事件分发中做拦截操作
        if(e->type() == QEvent::MouseButtonPress)
        {
            // 静态类型转换
            QMouseEvent * ev = static_cast(e);
            QString str = QString( "event鼠标按下了x = %1 y = %2 globalX = %3  globalY = %4" ).arg(ev->x() ).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
            qDebug()<< str;
    
            return true; // true 代表用户自己处理这个事件  不向下分发
        }
        // 其他事件 交给父类处理  默认处理
        return QLabel::event(e);
    }
    

11.4 事件过滤器

快速入门QT大法_第17张图片

  • 在程序将事件分发到事件分发器前,可以利用过滤器做拦截

  • 步骤

    • 给控件安装事件过滤器
    • 重写eventFilter函数 (obj ,ev)
  • Widget::Widget(QWidget *parent)
        : QWidget(parent)
        , ui(new Ui::Widget)
    {
        ui->setupUi(this);
    
        // 启动定时器
        id1 = startTimer(1000); // 参数1 间隔 毫秒
        id2 = startTimer(2000);
    
        // 定时器第二种方式
        QTimer * timer = new QTimer(this);
        // 启动定时器
        timer->start(500); // 0.5s
        connect(timer,&QTimer::timeout,[=](){
            static int num = 1;
    
            // 每隔1s加一
            ui->label_4->setText(QString::number(num++));
        });
    
        // 点击暂停按钮 实现停止定时器
        connect(ui->pushButton,&QPushButton::clicked,[=]()
        {
            timer->stop();
        });
    
        // 给label1 安装事件过滤器
        // 步骤1 安装事件过滤器
        ui->label->installEventFilter(this);
    }
    
    // 步骤2 重写事件过滤器事件
    bool Widget::eventFilter(QObject * obj, QEvent * e)
    {
        if(obj == ui->label)
        {
            if(e->type() == QEvent::MouseButtonPress)
            {
                // 静态类型转换
                QMouseEvent * ev = static_cast(e);
                QString str = QString( "事件过滤中,鼠标按下了x = %1 y = %2 globalX = %3  globalY = %4" ).arg(ev->x() ).arg(ev->y()).arg(ev->globalX()).arg(ev->globalY());
                qDebug()<< str;
    
                return true; // true 代表用户自己处理这个事件  不向下分发
            }
        }
        // 其他默认处理
        return QWidget::eventFilter(obj,e);
    }
    

11.4 绘图事件

  • QPainter绘画

    • 绘图事件void paintEvent()

    • 声明一个画家对象QPainter painter(this) this 指定绘图设备

    • 画线、画圆、画矩形、画文字√

    • 设嚣画笔QPen设置画笔宽度、风格

    • 设置画刷QBrush设置画刷风格

    • // 绘图事件
      void Widget::paintEvent(QPaintEvent *)
      {
          // 实例化画家对象  this指向的是绘图设备
          QPainter painter(this);
          //设置画笔
          QPen pen(QColor(255,0,0));
          // 设置画笔的宽度
          pen.setWidth(3);
          // 设置画笔的风格
          pen.setStyle(Qt::DotLine);
      
          // 设置画刷
          QBrush brush(Qt::green);
          // 设置画刷的 风格
          brush.setStyle(Qt::Dense7Pattern);
          // 让画家使用画刷
          painter.setBrush(brush);
      
          // 让画家 使用这个笔
          painter.setPen(pen);
          // 画直线
          painter.drawLine(QPoint(0,0),QPoint(100,100));
          // 画圆
          painter.drawEllipse(QPoint(100,100),50,50);
          //  画矩形
          painter.drawRect(QRect(20,20,50,50));
          // 画文字
          painter.drawText(QRect(10,200,150,50),"好好学习,天天向上");
      }
      
  • QPinter高级设置

    •   //高级设置
          QPainter painter(this);
      //    painter.drawEllipse(QPoint(100,50),50,50);
      //    // 设置抗锯齿能力  效率较低
      //    painter.setRenderHints(QPainter::Antialiasing);
      //    painter.drawEllipse(QPoint(200,50),50,50);
             // 画矩形
          painter.drawRect(QRect(20,20,50,50));
          painter.translate(100,0);
          // 保存画家状态
          painter.save();
          painter.drawRect(QRect(20,20,50,50));
          painter.translate(100,0);
          // 还原画家保存状态
          painter.restore();
          painter.drawRect(QRect(20,20,50,50));
      
  • 手动调用绘画事件

    • 如果想要手动调用绘图随事件 利用update
    • 利用画家画图片 painter.drawPixmap(posx,10,QPixmap(":/img/cat.jpg"));

11.4.1 绘图设备

  • 绘图设备是指继承QPainterDevice,的子类。9t一共提供了四个这样的类,分别
    是QPixmap、QBitmap.QImage和QPicture。其中,

    • QPixmap,专门为图像在屏幕上的显示做了优化

    • QBitmap,是 QPixmap,的一个子类,它的色深限定为1,可以使用QPixmap_的isQBitmap()函数来确定这个QPixmap,是不是一个

      QBitmap。

    • QImage.专门为图像的像素级访凤做了优化。

    • QPicture则可以记录和重现 QPaintex的各条命令。

#include "widget.h"
#include "ui_widget.h"
#include
#include
#include
#include

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    // pixmap绘图设备
//    QPixmap pix(300,300);

//    // 填充颜色
//    pix.fill(Qt::white);
//    // 声明画家
//    QPainter painter(&pix);
//    painter.setPen(QPen(Qt::green));
//    painter.drawEllipse(QPoint(150,150),100,100);

    // 保存
//    pix.save("路径");


// QImage 绘图设备  可以对像素进行访问
//    QImage img(300,300,QImage::Format_ARGB32);
//    img.fill(Qt::white);
//    QPainter painter(&img);
//    painter.setPen(QPen(Qt::green));
//    painter.drawEllipse(QPoint(150,150),100,100);
    // 保存
//    img.save("路径");

    //QPicture 绘图设备  可以记录和重新绘图指令
    QPicture pic;
    QPainter painter;
    painter.begin(&pic); // 开始往pic 上画
    painter.setPen(QPen(Qt::cyan));
    painter.drawEllipse(QPoint(150,150),100,100);
    painter.end();//结束画画

    // 保存到磁盘
//    pic.save("路径");  E:\\pic.zt
}
// 绘图事件
void Widget::paintEvent(QPaintEvent *)
{
//    QPainter painter(this);
//    // 利用Qimage 对像素进行修改
//    QImage img;
    img.load("路径");
//    // 修改像素点
//    for(int i = 50;i < 100;i++)
//    {
//        for(int j = 50; j < 100; j++)
//        {
//            QRgb value = qRgb(500,0,0);
//            img.setPixel(i,j,value);
//        }
//    }
//    painter.drawImage(0,0,img);

    QPainter painter(this);
    // 重现 QPicture的绘图指令
    QPicture pic;
    pic.load("E:\\pic.zt");
    painter.drawPicture(0,0,pic);


}


Widget::~Widget()
{
    delete ui;
}
  • QPixmap QImage QBitmap(黑白色) QPicture QWidger
  • QPixmap 对不同平台做了显示的优化
    • QPixmap pix(300,300)
    • pix.fill(填充颜色)
    • 利用画家 往 pix 上画画 QPainter painter(&pix);
      • 保存pix.save("路径");
  • QImage 可以对像素进行访问
    • 使用和QPixmap,差不多Qlmage img(300,300,QlmageFormat_RGB32);
    • 其他流程和QPixmap.一样
    • 可以对像素进行修改img.setPixelii.value);
  • QPicture记录和重现绘图指令
    • QPicture pic
    • painter.begin(&pic);-
    • 保存pic.save(任意后缀名)
    • 重现利用画家可以重现 painter.drawPicture(o,0,pic);

12 QFile文件读写操作

  • QFile进行读写操作
  • QFile file( path文件路径)
    • ``file.open(打开方式) QloDevice:readonlye’`
    • 全部读取file.creadAll()按行读file.readLinel)atend()判断是否读到文件尾
    • 默认支持编码格式utf-8
    • 利用编码格式类指定格式QTextcodec
    • QTextCodec * codec = QTextCodec…codecEorName("gbk");
    • ui->textEdit->setText( codec->toUnicode(array) );
    • 文件对象关闭close
    • file.open( QIODevice:writeOnly / Append)
    • file.write(内容)
    • file.close关闭
  • QFileInfo文件信息的读取
#include "widget.h"
#include "ui_widget.h"
#include
#include
#include
#include
#include
#include

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    // 点击选取文件按钮,弹出文件对话框
    connect(ui->pushButton,&QPushButton::clicked,[=](){
        QString path = QFileDialog::getOpenFileName(this,"打开文件","E:\\dayFile");
        // 将路径放入到lineEdit中
        ui->lineEdit->setText(path);

        // 编码格式类
        QTextCodec * codec = QTextCodec::codecForName("gbk");

        // 读取内容 放到textedit
        // Qfile 默认支持的格式是 utf-8
        QFile file(path); //参数就是读取文件的路径
        //设置打开方式
        file.open(QIODevice::ReadOnly);
        QByteArray array;
//        array  =  file.readAll();
        while(!file.atEnd()){ // 判断是否读到文件尾部
            array  +=  file.readLine(); // 按行读
        }
        // 将读取到的数据  放入 textEdit中
        ui->textEdit->setText(array);
//        ui->textEdit->setText(codec->toUnicode(array));
        // 对文件对象进行关闭
        file.close();


        // 进行写文件
        file.open(QIODevice::Append); // 用追加的方式进行写
        file.write("aaaa");
        file.close();


        // QFileInfo 文件信息读取
        QFileInfo info(path);
        qDebug()<< "大小" << info.size() << "后缀名" << info.suffix();
        qDebug() << "创建日期" << info.created().toString("yyyy/MM/dd hh:mm:ss") ;
        qDebug() << "最后的修改日期" << info.lastModified().toString("yyyy/MM/dd hh:mm:ss") ;
    });
}

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

13. 转到槽(一次connect)

  • QT的转到槽是一种用于建立信号和槽连接的方法,通常在UI设计中使用。以下是使用QT转到槽的步骤:
    1. UI界面上选择需要建立信号和槽连接的对象,例如按钮(pushButton)。
    2. 右键单击该对象,选择“转到槽”(Go to Slot)。
    3. 在弹出的对话框中,选择需要连接的信号类型,例如“clicked”(被点击时触发)。
    4. 确认选择后,会在相关的类(例如MainWindow)中自动创建名为“on_objectName_signal”的槽函数,其中objectName是所选对象的名称,signal是所选的信号类型。
    5. 在新生成的槽函数中添加需要的代码,例如在MainWindow类的“on_pushButton_clicked”函数中设置pushButton的文本为“clicked”。
    6. 此时无需手动创建connect函数,因为槽函数的名字格式为“on_objName_signal”,可以自动关联。

14. QT 注册实例

首先要在 .pro文件中添加 network

QT       += core gui network
#include 
#include 
#include 
#include 
#include 
#include 
void Login::on_regButton_clicked()
{
    // 处理的动作
    // 1. 从控件中取出用户输入的数据
    QString userName = ui->reg_userName->text();
    QString nickName = ui->reg_NickName->text();
    QString passwd = ui->reg_passwd->text();
    QString confirmPwd = ui->reg_confirmPwd->text();
    QString email = ui->reg_mail->text();
    QString phone = ui->reg_phone->text();
    // 2. 数据校验
    QRegExp regexp;
    // 校验用户名,密码
    QString USER_REG   = "^[a-zA-Z0-9_@#-\\*]\\{3,16\\}$";
    regexp.setPattern(USER_REG);
    bool bl = regexp.exactMatch(userName);
    if(bl == false)
    {
        QMessageBox::warning(this, "ERROR", "用户名格式不正确!");
        return;
    }
    // regexp.setPattern();
    // 3. 用户信息发送给服务器
    //  - 如何发送: 使用http协议发送, 使用post方式
    //  - 数据格式: json对象
    QNetworkAccessManager* pManager = new QNetworkAccessManager(this);
    QNetworkRequest request;
    QString url = QString("http://%1:%2/reg").arg(ui->ip->text()).arg(ui->port->text());
    request.setUrl(url);
    request.setHeader(QNetworkRequest::ContentTypeHeader, "application/json");    // 描述post数据的格式
    // 将用户提交的数据拼接成功json对象字符串
    /*
        {
            userName:xxxx,
            nickName:xxx,
            firstPwd:xxx,
            phone:xxx,
            email:xxx
        }
    */
    QJsonObject obj;
    // insert(const QString &key, const QJsonValue &value)
    obj.insert("userName", userName); // QJsonValue(userName)
    obj.insert("nickName", nickName);
    obj.insert("firstPwd", passwd);
    obj.insert("phone", phone);
    obj.insert("email", email);
    // obj -> doc
    QJsonDocument doc(obj);
    // doc -> qbytearray
    QByteArray json = doc.toJson();
    QNetworkReply* reply = pManager->post(request, json);
    // 4. 接收服务器发送的响应数据
    connect(reply, &QNetworkReply::readyRead, this, [=](){
        // 5. 对服务器响应进行分析处理, 成功or失败
        // 5.1 接收数据 {"code":"003"}
        QByteArray all = reply->readAll();
        // 5.2 需要知道服务器往回发送的字符串的格式 -> 解析
        // qbytearray -> doc
        QJsonDocument doc = QJsonDocument::fromJson(all);
        // doc -> obj
        QJsonObject myobj = doc.object();
        QString status = myobj.value("code").toString();
        // 5.3 判读成功, 失败, 给用户提示
        if("002" == status)
        {
            // 成功
        }
        else if("003" == status)
        {
            // 用户已经存在
        }
        else
        {
            // 失败
        }
    });

}

你可能感兴趣的:(C++,qt,开发语言,C++)