小白学QT之旅

最新推荐文章于 2024-07-15 16:51:49 发布
最新推荐文章于 2024-07-15 16:51:49 发布
阅读量96 收藏 1
点赞数
文章标签： qt 开发语言 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_75156557/article/details/128822143
版权

一 、QT简介

1.QT是什么

Qt是一个基于C++语言的图形用户界面（GUI）开发框架，Qt不仅仅可以进行GUI开发，除此之外Qt也能进行很多其它功能开发，包括但不限于多线程、数据库、图像处理、音视频处理、网络通信与文件IO等。

2.QT的优势

Qt与各种竞品相比，主要的优势是跨平台特性。

跨平台特性指的是：一次编程，到处编译。

除此之外，Qt也拥有一些其它竞品的共同优势特点：

● 面向对象开发

● 丰富的API，并配以大量的开发文档

● 易用且开源的开发环境

3.开发环境

4.工作目录与构建目录

工作目录：即新建项目时配置的路径，存放源代码文件的目录。

构建目录：当程序构建时，会在此目录下生成编译的文件。

需要注意的是，默认情况下开启影子构建（Shadow build），此时工作目录与构建目录分离。如果取消此模式，构建目录会合并到工作目录，优势是可以提升编译的稳定性，劣势是文件分类不明确。

5.查看帮助文档

方法一：直接打开Assistant程序

方法二：在Qt Creator中点击左栏的“帮助”，可以打开一个内置的帮助文档。

方法三：在Qt Creator中，光标定位到要查询的内容，双击键盘F1，可以直接通过内置的帮助文档查询到对应的内容。

每个类在文档中需要注意下面的部分

6. 解析默认文件代码

6.1项目配置文件

6.2Dialog类文件

默认的Qt项目会创建一个Dialog类，此类包含三个文件：

dialog.h

dialog.cpp

dialog.ui

6.3主文件

main.cpp

二、UI基础

1. QWidget类

QWidget类是所有可视化组件和窗口的基类，因此QWidget中成员可以继承给众多派生类使用。

QWidget最基础的属性：

● width : const int

宽度，单位像素

可以通过int width() const获得数值，即getter

● height : const int

高度，单位像素

getter：int height() const

● x : const int

横坐标，单位像素，原点左上角，正方向右

getter：int x() const

● y : const int

纵坐标，单位像素，原点左上角，正方向下

getter：int y() const

QWidget最基础的函数：

● void resize(int w, int h)

重定义宽高

● void move(int x, int y)

移动到设定的坐标处，所有的组件和窗口以左上角为定位点

● void setGeometry(int x, int y, int w, int h)

同时设置坐标和宽高

2. 添加子组件

以最常见按钮（QPushButton）为例，讲解在窗口中添加子组件的方法。

QPushButton的构造函数如下：

● QPushButton::QPushButton(const QString & text, QWidget * parent = 0)

参数1：按钮显示的文字

参数2：按钮在哪个对象上

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
// 头文件
#include <QPushButton>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    // 私有成员变量
    QPushButton* btn;
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(400,400);
    // 创建一个按钮对象
    // 参数2是使用this指针结合多态传参
    btn = new QPushButton("初十",this);
    // 更改按钮大小
    btn->resize(100,100);
    // 移动按钮位置，注意坐标是窗口内部的相对坐标
    btn->move(100,100);
}

Dialog::~Dialog()
{
    // 释放按钮内存
    delete btn;
}

3. 样式表

Qt可以使用QSS语法设置组件的样式效果。

颜色的配置可以通过以下几个方法：

● QQ截图

● 在线色表+颜色进制转换

http://tools.jb51.net/static/colorpicker/

● 色彩搭配

https://colors.muz.li/

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
// 头文件
#include <QPushButton>

#define QPushButton_STYTLE (QString("\
/*按钮普通态*/\
QPushButton\
{\
    font-family:Microsoft Yahei;\
    /*字体大小为20点*/\
    font-size:20pt;\
    /*字体颜色为粉色*/\
    color:rgb(238, 210, 238);\
    /*背景颜色*/\
    background-color:rgb(197,146,163);\
    /*边框圆角半径为8像素*/\
    border-radius:8px;\
}\
/*按钮悬停态*/\
QPushButton:hover\
{\
    /*背景颜色*/\
    background-color:#9F79EE;\
}\
/*按钮按下态*/\
QPushButton:pressed\
{\
    /*背景颜色*/\
    background-color:rgb(14 , 135 , 10);\
    /*左内边距为3像素，让按下时字向右移动3像素*/\
    padding-left:3px;\
    /*上内边距为3像素，让按下时字向下移动3像素*/\
    padding-top:3px;\
}"))

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    // 私有成员变量
    QPushButton* btn;
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(400,400);
    btn = new QPushButton("初十",this);
    // 设置样式表
    btn->setStyleSheet(QPushButton_STYTLE);

    btn->resize(100,100);
    btn->move(100,100);
}

Dialog::~Dialog()
{
    delete btn;
}

三、信号槽

1. 信号槽的概念

在之前的学习中，可以实现简单的UI效果，但是按钮不能点击。如果让按钮能在用户点击后执行某个代码，就需要用到Qt中的信号槽机制。

信号槽是Qt基于C++语法上新增的特性，可以实现对象之间的通信，形成一定因果关系。

使用信号槽的对象需要具备两个条件：

● 通信的对象必须继承自QObject

● 类中要有Q_OBJECT宏

2. 函数原型

QObject类是所有Qt对象的基类，此类中有一个静态成员函数connect，用于连接信号槽之间的因果关系，函数原型如下：

参数1：发射者，通信的对象，此对象是信号槽触发的来源，例如：按钮对象（n.）

参数2：信号函数，使用SIGNAL()包裹，表示发射者触发的效果，例如：点击（v.）

参数3：接收者，通信对象，此对象是执行结果代码的主体（n.）

参数4：槽函数，使用SLOT()包裹，表示接收者要执行的函数（v.）

为了方便讲解各种场景下使用信号槽的不同方式，分别使用三种类型进行讲解：

● 自带信号 → 自带槽

● 自带信号 → 自定义槽

● 自定义信号 → 槽函数

2.1 自带信号 → 自带槽

这是最简单的一种连接方式，因为信号函数和槽函数都在Qt中预设了，只需要通过connect函数“连线”即可。

【例子】点击按钮，关闭窗口。

分析：

参数1，按钮对象；

参数2，点击函数；

参数3，窗口对象；

参数4：关闭函数。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    QPushButton* btn;
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(300,300);
    btn = new QPushButton("关闭",this);
    btn->move(100,100);

//    参数1，按钮对象 btn
//    参数2，点击函数 void    clicked()
//    参数3，窗口对象 this
//    参数4：关闭函数 bool    close()
    connect(btn,SIGNAL(clicked()),this,SLOT(close()));
}

Dialog::~Dialog()
{
    delete btn;
}

2.2 自带信号 → 自定义槽

这种方式是使用频率最高的一种连接方式，因为Qt源代码中不可能囊括所有要执行的代码。实际上槽函数是一种特殊的成员函数，编写方式基本等同成员函数。

【例子】点击按钮，左下角移动窗口并输出移动后的窗口坐标。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>
#include <QDebug>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    QPushButton* btn;

// 私有槽函数
private slots:
    // 声明自定义槽函数
    void mySlot();
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(300,300);
    btn = new QPushButton("移动并输出",this);
    btn->move(100,100);

    // 连接信号槽
    connect(btn,SIGNAL(clicked()),this,SLOT(mySlot()));
}

void Dialog::mySlot()
{
    // 获得当前坐标
    int x = this->x();
    int y = this->y();
    // 移动窗口
    move(x+10,y+10);
    // 输出
    qDebug() << x << y;
}

Dialog::~Dialog()
{
    delete btn;
}

2.3 自定义信号

自定义信号主要用于后期一些相对复杂的通信场景，本次学习强行使用，并不是功能实现的最优解。

信号函数是非常特殊的一种函数，只有声明，没有定义，且不能在代码中直接调用，可以配合emit关键字进行发射。

【例子】点击按钮，关闭窗口。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    QPushButton *btn;

    // 自定义槽函数
private slots:
    void mySlot();

    // 声明信号函数，只声明
signals:
    void mySignal();
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(500,500);
    btn = new QPushButton("关闭",this);
    btn->move(200,300);

    connect(btn,SIGNAL(clicked()),this,SLOT(mySlot()));
    connect(this,SIGNAL(mySignal()),this,SLOT(close()));
}

// 自定义槽函数
void Dialog::mySlot()
{
    // 发射自定义信号
    emit mySignal();
}

Dialog::~Dialog()
{
    delete btn;
}

3. 参数传递

【例子】点击按钮，按钮上显示点击的次数。

提示：

QPushButton显示文字的属性：

● text : QString

getter：QString text() const

setter：void setText(const QString & text)

3.1 全局参数

本次使用成员变量作为一个对象内部的全局参数，根据实际情况也可以使用静态变量。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    int count; // 记录点击的次数
    QPushButton* btn;

private slots:
    void btnClickedSlot(); // 按钮点击的槽函数
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    count = 0; // 属性赋予初始值

    resize(300,400);
    btn = new QPushButton("0",this);
    btn->move(100,250);

    connect(btn,SIGNAL(clicked()),
            this,SLOT(btnClickedSlot()));
}

void Dialog::btnClickedSlot()
{
    //    计数+1
    count++;
    // int → QString
    QString text = QString::number(count);
    // 设置显示
    btn->setText(text);
}

Dialog::~Dialog()
{
    delete btn;
}

3.2 信号槽传参

使用信号槽也可以进行参数传递，但是这种方式通常用户后面较为复杂的情况，本次讲解的代码也不是最优解。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    QPushButton *btn;

private slots:
    void mySlot1(); // 自定义槽函数1
    void mySlot2(int); // 自定义槽函数2

signals:
    // 带参数的自定义信号函数
    void mySignal(int);
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(300,300);
    btn = new QPushButton("0",this);
    connect(btn,SIGNAL(clicked()),this,SLOT(mySlot1()));
    connect(this,SIGNAL(mySignal(int)),this,SLOT(mySlot2(int)));
}

Dialog::~Dialog()
{
    delete btn;
}

void Dialog::mySlot1()
{
    // 静态局部变量
    static int count = 0;

    // 发射自定义信号
    emit mySignal(++count);
}

void Dialog::mySlot2(int count)
{
    // int → QString
    QString text = QString::number(count);
    // 设置显示
    btn->setText(text);
}

需要注意的是：

1. 理论上可以通过信号槽发送任意多个参数

2. 信号函数的参数个数必须大于等于槽函数的参数个数

3. 参数类型必须一致

4. 对应关系

4.1 一对多

同一个信号可以同时连接多个槽函数，也可以把这多个槽函数合并为一个槽函数。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>
#include <QDebug>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    QPushButton* btn1;
    QPushButton* btn2;

private slots:
    void mySlot1();
    void mySlot2();
    void mySlot3();
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(300,600);
    btn1 = new QPushButton("一对多",this);
    btn1->move(100,200);
    connect(btn1,SIGNAL(clicked()),this,SLOT(mySlot1()));
    connect(btn1,SIGNAL(clicked()),this,SLOT(mySlot2()));

    btn2 = new QPushButton("一对一",this);
    btn2->move(100,400);
    connect(btn2,SIGNAL(clicked()),this,SLOT(mySlot3()));
}

void Dialog::mySlot1()
{
    qDebug() << "A";
}

void Dialog::mySlot2()
{
    qDebug() << "B";
}

void Dialog::mySlot3()
{
    // 槽函数也是成员函数，可以直接调用槽函数1和槽函数2
    mySlot1();
    mySlot2();
}

Dialog::~Dialog()
{
    delete btn1;
    delete btn2;
}

4.2 多对一

多个信号可以连接到同一个槽函数。

dialog.h

#ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QPushButton>
#include <QDebug>

class Dialog : public QDialog
{
    Q_OBJECT

public:
    Dialog(QWidget *parent = 0);
    ~Dialog();

private:
    QPushButton *btn1;
    QPushButton *btn2;

private slots:
    void mySlot();
};

#endif // DIALOG_H

dialog.cpp

#include "dialog.h"

Dialog::Dialog(QWidget *parent)
    : QDialog(parent)
{
    resize(600,200);
    btn1 = new QPushButton("1",this);
    btn1->move(200,100);
    btn2 = new QPushButton("2",this);
    btn2->move(400,100);

    connect(btn1,SIGNAL(clicked()),this,SLOT(mySlot()));
    connect(btn2,SIGNAL(clicked()),this,SLOT(mySlot()));
}

void Dialog::mySlot()
{
    qDebug() << "自定义槽函数";
}

Dialog::~Dialog()
{
    delete btn1;
    delete btn2;
}
m0_75156557
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
小白学Qt之旅（二）
m0_75156557的博客
02-07 198
在上面的代码中，子线程执行了耗时操作（循环睡眠），主线程接收子线程操作的通知，在实际的开发中，主线程接收到子线程耗时操作的通知后可能会刷新UI显示（例如显示文件读写的进度），这种情况下需要使用信号槽进行两个线程之间的通信。Qt重新实现了C++中的容器类，这些容器类比C++中STL的容器类更加轻巧、安全和易于使用，使用Qt的容器类可以减少可执行文件的大小，Qt的容器类是线程安全的，在基本兼容C++的容器类接口的基础上拓展了新的接口。当一个对象创建时设定了父对象，则这个新创建的对象会跟随父对象销毁。
灿烂小白qt之旅
weixin_45338913的博客
07-25 155
灿烂小白的学习旅途，希望被带 ^_^ qt c++ 学习（准备） 刚结束大一学习，想要成为一条更有身价的咸鱼，开启梓学模式。 QT 简介 扒自度娘的百科 https://baike.baidu.com/item/qt/451743?fr=aladdin Qt 是一个1991年由Qt Company开发的跨平台C++图形用户界面应用程序开发框架。它既可以开发GUI程序，也可用于开发非GUI程序，比如...
灿烂小白Qt之旅（一）
weixin_45338913的博客
07-26 537
灿烂小白的学习旅途，希望被带 ^_^ qt c++ 学习（一） 刚结束大一学习，想要成为一条更有身价的咸鱼，开启自学模式。 关于Qt的组件介绍： 根据开发项目不同，Qt分为桌面和移动设备应用开发、嵌入式设备开发两大类安装包。 桌面和移动设备应用开发就是在PC、服务器、手机、平板电脑等设备上映性的程序，操作系统平台可以使win、linux、macos、Android等。用于桌面和移动设备应用开发的Q...
灿烂小白Qt之旅（三）
weixin_45338913的博客
07-28 130
灿烂小白的学习旅途，希望被带 ^_^ qt c++ 学习（二） 刚结束大一学习，想要成为一条更有身价的咸鱼，开启自学模式。 UI文件设计运行机制——项目文件组成 项目组织文件 .pro ——存储项目设置的文件 “Qt +=core gui”表示项目中加入 core gui 模块。core gui是Qt用于GUI设计的类库模板 （如果差UN国家控制台文件就不需要添加core gui） 主程序入...
Qt学习之旅---4.图片查看器
wp1027322856的博客
09-06 404
学习笔记，小白可以相互学习，大佬看到能告诉咱理解不对的地方就好了。 实现了打开图片查看，点击按钮左右翻动图片查看 鼠标左右键，滚轮翻看图片 源码及工程文件 点击打开链接 /*************.h**********************************/#ifndef WIDGET_H #define WIDGET_H #include #include
FFmpeg学习之旅
小强程序设计工作室 的博客
05-26 538
FFmpeg学习之旅-第一天 一、序言 只知道FFmpeg是用来做多媒体处理的，听说也可以用来做直播，推流，加水印，视频编解码等，感觉功能挺强大。今天开始一步步来学FFmpeg。 ps：个人主要是做Android开发的，其中Android 3年，java后台1年，前端小白，上学时学过c语言基础，后来自学了一点c++，也是那种刚入门就放弃的，比起c语言，我更倾向于Java。不扯淡了，开搞了...
小白C++入坑学废之旅（四）
Iyen_yc的专栏
11-22 461
打败时间魔法的还有C++,哈哈哈哈！进一步完善了自己的时间胶囊，完成了时间刻度类型TimeScale的实现，构建起了时间刻度的抽象基础。并且在此过程中，遇到了“overloaded 'operator=' must be a non-static member function“，”conversion function cannot have a return type“等一些列问题，一边填坑，一边恶补c++方面的知识。学到了很多关于操作符重载方面的知识，也是收获满满的一天。
Qt学习之旅---1.简单控件
wp1027322856的博客
09-06 467
学习笔记，小白可以相互学习，大佬看到能告诉咱理解不对的地方就好了。 Qtcreator：集成开发环境 qmake：Makefile生成器，能根据工程文件产生不同平台下的Makefile lab： setText("")设置文体 setPixmap(QPixmap("444.jpg"))显示图片 QLabel *lab = new QLabel(QIcon("444.jpg")
Qt学习之旅---2.绘图，时钟小例子
wp1027322856的博客
09-06 430
学习笔记，小白可以相互学习，大佬看到能告诉咱理解不对的地方就好了。 /*********.h**********************************/ #ifndef WIDGET_H #define WIDGET_H #include #include #include #include #include #include #include class Widget :
QT入门之qt软件安装指南
08-02
至此，你已经成功地在Windows 10上安装了Qt 6.3.1和Qt Creator 8.0.0，可以开始你的Qt编程之旅了。记得不断实践，查阅文档，探索更多Qt的功能和特性，你会发现它是一个强大而灵活的开发工具。祝你在Qt编程的世界里...
【32赞HTML5响应式系列之旅游模板】微官网html5触屏响应式手机wap网站模板下载首页.zip
04-15
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或...
(FZY328)【32赞HTML5响应式系列之旅游模板】微官网html5触屏响应式手机wap网站模板首页.zip
04-06
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或...
基于微信小程序设计（含源代码+解释文档）之旅游行业.zip
07-11
【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或...
QT 底层绘图基础类 QGraphicsRectItem::mousePressEvent(event)
最新发布
xie__jin__cheng的博客
07-15 163
QGraphicsRectItem::mousePressEvent(event)
【Qt 初识】QPushButton 的详解以及 Qt 中的坐标
Hou_lang_LJ的博客
07-12 905
🐧①Qt 中的信号槽机制；🐧② 按钮的方式实现HelloWorld；🖊
qt 创建一个矩形，矩形的边线可以拖拽
xie__jin__cheng的博客
07-15 89
qt 创建一个矩形，矩形的边线可以拖拽
[Qt] Qt Creator中，新建QT文件时选择界面模版下的各选项
雨落子衿的博客
07-11 1013
在Qt Creator中，新建文件时选择界面模版下的各选项具有特定的意义，这些选项主要帮助开发者根据项目需求快速生成不同类型的文件。
qt tabWidget 详解
xie__jin__cheng的博客
07-14 427
qt tabWidget 详解

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值