界面编程、QPushButton、qDebug打印、信号与槽

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

界面编程

提供一个已知界面需求，它的实现思路是什么？
● 先去搜索引擎搜一下相关的类或者方法；
● 查看帮助文档，先找到相关的属性，再看相对应的操作方法。

修改默认界面大小为 480 * 300

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

// widget.cpp

#include "widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价
}

Widget::~Widget()
{
}

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

窗口增加一个按钮

QPushButton::QPushButton(QWidget *parent = 0);
凡是在构造方法中看到parent，代表把自己放到parent代表的窗体上

void move(int x, int y);
移动部件到父部件的某个位置

void setStyleSheet(const QString & styleSheet);
这个方法属于QWidget类，是个通用的方法，可以设置部件的各种样式。

styleSheet是一个样式表，兼容于css2，qt里叫qss
帮助文档直接搜索 Qt Style Sheets 即可看到一些demo
颜色查找：Qt::GlobalColor

颜色码对照表（👈 安全链接，放心点击即可）

设置显示文字

在这里插入图片描述

// widget.cpp

#include "widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    QPushButton *btn = new QPushButton("Click me", this); // 需要在堆区创建，不能在栈区创建
}

Widget::~Widget()
{
}

在这里插入图片描述

设置按钮的颜色

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

// widget.cpp

#include "widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    QPushButton *btn = new QPushButton("Click me", this); // 需要在堆区创建，不能在栈区创建
    btn->setStyleSheet("color:yellow; background-color:blue");
}

Widget::~Widget()
{
}

在这里插入图片描述

改变按钮的位置

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

// widget.cpp

#include "widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    QPushButton *btn = new QPushButton("Click me", this); // 需要在堆区创建，不能在栈区创建
    btn->setStyleSheet("color:yellow; background-color:blue");
    btn->move(200, 120);
}

Widget::~Widget()
{
}

在这里插入图片描述

QT 打印

在这里插入图片描述

信号与槽

对象和对象之间的通信

// QMetaObject::Connection QObject::connect

QMetaObject::Connection QObject::connect(const QObject * sender, const char * signal, \
					const QObject * receiver, const char * method, \
					Qt::ConnectionType type = Qt::AutoConnection) [static]

// receiver对象绑定了sender对象的signal信号，
// 一旦sender发出signal信号，那么receiver的method方法会被自动调用。
// 最后一个参数暂且忽略

在这里插入图片描述

点击按钮，关闭窗口

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

// widget.cpp

#include "widget.h"
#include <QPushButton>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    QPushButton *btn = new QPushButton("Click me", this); // 需要在堆区创建，不能在栈区创建
    btn->setStyleSheet("color:yellow; background-color:blue");
    btn->move(200, 120);
    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(close()));
}

Widget::~Widget()
{
}

自定义槽

● 类似于 C++ 里定义一个方法，但是需要增加关键字修饰
● 槽方法本身就是一个可调用的方法

private/public slots:

点击按钮，打印 “Hello”

// widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

class Widget : public QWidget
{
    Q_OBJECT

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

private:
    Ui::Widget *ui;
};

#endif // WIDGET_H

// widget.cpp

#include "widget.h"
#include <QPushButton>
#include <QDebug>

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价
    QPushButton *btn = new QPushButton("Click me", this); // 需要在堆区创建，不能在栈区创建
    btn->setStyleSheet("color:yellow; background-color:blue");
    btn->move(200, 120);
    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(printSlot()));
}

void Widget::printSlot()
{
    qDebug() << "Hello~";
}

Widget::~Widget()
{
}

在这里插入图片描述

添加一个标签组件（QLabel）

标签默认显示 “Hi~”，点击按钮后，标签的文字改为 “Hola!”，并且颜色变为红色。

// widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPushButton>
#include <QLabel>

class Widget : public QWidget
{
    Q_OBJECT

    QPushButton *btn;
    QLabel *label;

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

public slots:
    void printSlot();
};

// widget.cpp

#include "widget.h"
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    btn = new QPushButton("Click me", this);       // 需要在堆区创建，不能在栈区创建
//    btn->setStyleSheet("color:yellow; background-color:blue");
    btn->move(200, 120);

//    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(printSlot()));

    label = new QLabel("Hi~", this);
    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(printSlot()));
}

void Widget::printSlot()
{
    qDebug() << "Hello~";
    btn->setStyleSheet("color:yellow; background-color:blue");
    label->setText("Hola!");
    label->resize(80, 50);					// 一开始的"Hi~"比"Hola!"短，所以重设一下大小
    label->setStyleSheet("color:red");
}

Widget::~Widget()
{
}

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

点击按钮，记录点击的次数并输出

// widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPushButton>
#include <QLabel>

class Widget : public QWidget
{
    Q_OBJECT

    QPushButton *btn;
    QLabel *label;
    int count;

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

public slots:
    void printSlot();
};

#endif // WIDGET_H

// widget.cpp

#include "widget.h"
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    count = 0;

    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    btn = new QPushButton("Click me", this);       // 需要在堆区创建，不能在栈区创建
//    btn->setStyleSheet("color:yellow; background-color:blue");
    btn->move(200, 120);

    label = new QLabel("Hi~", this);
    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(printSlot()));
}

void Widget::printSlot()
{
    qDebug() << "Hello~";
    qDebug("count = %d", ++count);
}

Widget::~Widget()
{
}

在这里插入图片描述

自定义信号

● 与 C++ 里定义一个方法类似，但此方法只有声明没有实现；
● 本身不可以被直接调用，只能被发送；
● 信号可以携带参数，槽函数接收到以后可以直接拿到相应的参数数据。
signals: // 定义信号
emit: // 发送信号

自定义信号与槽的连接

在按钮的槽方法中记录点击次数，并作为参数发送信号。
重新定义槽函数与此信号做连接，槽函数打印其值。

// widget.h

#define WIDGET_H

#include <QWidget>
#include <QPushButton>
#include <QLabel>

class Widget : public QWidget
{
    Q_OBJECT

    QPushButton *btn;
    QLabel *label;
    int count;

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

public slots:
    void emitSlot();
    void recvSlot(int);

signals:
    void emitSignal(int);
};

#endif // WIDGET_H

// widget.cpp

#include "widget.h"
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    count = 0;

    resize(480, 300);
//    this->resize(480, 300);           // 两句话等价

    btn = new QPushButton("Click me", this);       // 需要在堆区创建，不能在栈区创建
//    btn->setStyleSheet("color:yellow; background-color:blue");
    btn->move(200, 120);

    label = new QLabel("Hi~", this);

    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(emitSlot()));
    QObject::connect(this, SIGNAL(emitSignal(int)), this, SLOT(recvSlot(int)));
}

void Widget::emitSlot()
{
    count++;
    emit emitSignal(count);
}

void Widget::recvSlot(int cnt)
{
    qDebug() << "count = " << cnt;
}

Widget::~Widget()
{
}

在这里插入图片描述

信号与槽的关联关系

信号与槽相连：
	QObject::connect( sender, SIGNAL(signal), receiver, SLOT(method) );

信号与信号相连：
	QObject::connect( sender, SIGNAL(signal1), receiver, SIGNAL(signal2) );

同一个信号连接到多个槽：
	QObject::connect( sender, SIGNAL(signal), receiver, SLOT(method1) );
	QObject::connect( sender, SIGNAL(signal), receiver, SLOT(method2) );
	......

多个信号连接到同一个槽：
    QObject::connect( sender, SIGNAL(signal1), receiver, SLOT(method) );
    QObject::connect( sender, SIGNAL(signal2), receiver, SLOT(method) );
    ......

信号槽的参数对应关系

在这里插入图片描述
信号的参数个数必须 >= 槽的参数个数；
个数匹配的参数，其类型也必须匹配；
可以传递任意个参数，如果参数过多，那么应该考虑使用结构体或者类（对象）来传递。

💡 练习

写一个登录界面，上面可以输入用户名和密码（QLineEdit 实现），输入完成点击登录后，
校验账号密码，如果验证成功，那么打印“登录成功”，否则关闭窗体。

// widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QLineEdit>

class Widget : public QWidget
{
    Q_OBJECT

    QPushButton *btn;
    QLineEdit *username;
    QLineEdit *password;
    QString usr;
    QString pwd;
    QLabel *label;
    QLabel *ulabel;
    QLabel *plabel;

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

public slots:
    void verifySlot();

};

#endif // WIDGET_H

// widget.cpp

#include "widget.h"
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    resize(480, 300);

    btn = new QPushButton("Login", this);       // 需要在堆区创建，不能在栈区创建
    btn->move(180, 220);

    ulabel = new QLabel("Username: ", this);
    ulabel->move(60, 80);
    username = new QLineEdit(this);
    username->move(180, 80);
    username->setPlaceholderText("Please input...");

    plabel = new QLabel("Password: ", this);
    plabel->move(60, 160);
    password = new QLineEdit(this);
    password->move(180, 160);
    password->setEchoMode(QLineEdit::Password);
    password->setPlaceholderText("Please input...");

    QObject::connect(btn, SIGNAL(clicked()), this, SLOT(verifySlot()));
    label = new QLabel(this);
}

void Widget::verifySlot()
{
    usr = username->text();
    pwd = password->text();

    label->resize(480, 300);

    if (usr == "0828" && pwd == "0828")
    {
//        label->setText("Logined successfully!");             // 成功显示，但不美观
        qDebug("Logined successfully!");
        this->close();
        
        QWidget *homePage = new QWidget;
        homePage->resize(309, 500);
        homePage->show();
    }
    else
    {
        // QObject::connect(btn, SIGNAL(clicked()), this, SLOT(close()));          
    	// 不能这样写，需要点击两次按钮才会关闭小窗口
        this->close();
    }
}

Widget::~Widget()
{
}

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

_小白__
关注
  • 12
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【零基础学QT】第三章 信号与槽的学习，QPushbutton控件
凉开水白菜的博客
08-19 549
通过名称我们就可以得知QPushbutton是一个按钮控件，通过QT帮助手册我们可以知道如果要使用该控件类需要包含头文件在工程配置文件中需要给QT添加widgets模块这在我们前两章有说明他的父类继承于QAbstractButton。
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
12-20
信号与槽有三种使用方法 第一种：内置信号与槽的使用 第二种：自定义信号与槽的使用 第三种：装饰器的信号与槽的使用 一： 内置信号与槽的使用 内置信号与槽的使用，是指在发射信号时，使用窗口控件的函数，而不是...
界面编程之QT的信号与槽20180725
weixin_30877755的博客
07-24 97
/*******************************************************************************************/ 一、指定父对象 /*如果不指定父对象，对象和对象（窗口和窗口）没有关系，独立 * a指定b为它的父对象，a放在b的上面 * 指定父对象，有2种方式： * 1）setPa...
Qt入门03 信号与槽
qq_35902025的博客
10-19 414
Qt信号与槽，connect()函数，信号传递信号，QString和char *转换
QT入门第二天QT中信号与槽和字符串QString的使用
m0_45463480的博客
04-03 2364
本章节重点介绍QT中的信号与槽，以及Qstring的使用举例，内容非常详细，附带源码
QT继承QPushButton的动态按钮及信号槽设定
01-28
本来是想学着做动态按键的，方法很多，可以很简单的。...遇到了纠结的问题，为了实现信号槽，需要加上Q_Object宏，此后又出现了undefined reference vtable for xxx的情况，最后发现了问题所在，以此作为经验吧。
Qt默认信号和槽demo
10-14
## 4.1 默认信号和槽 在Qt中，可以使用默认信号和槽的机制，它... 在这个例子中，`QPushButton`的`clicked`信号与lambda表达式连接，当按钮被点击时，lambda表达式内的代码会执行。 2. **其他组件的默认信号和槽：**
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
09-17
主要介绍了python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例,需要的朋友可以参考下
初识C语言——第二十一天
硬件菜鸟的成长之路
05-15 617
1.rand()函数是只能生成伪随机数，并且无返回值，使用前需调用srand()伪随机数生成器作为起点2.time（）函数是结构体函数，返回值是64为整数类型，可以通过time函数生成时间戳时间戳-函数调用的时间点和计算机的初始时间点之间的时间间隔3.void（）函数-无返回值类型函数4.while(1)-一直循环，直到break跳出。
pyqt5 子线程如何操作主线程GUI
qq_64919823的博客
05-17 971
在使用pyqt5编写gui时遇到两个问题，会导致界面崩溃，今天就围绕这两个问题来简单说明和改进。1.在主线程中使用while无限循环会导致界面崩溃2.在子线程中操作主线程gui会导致界面崩溃。
C++构造函数和析构函数
最新发布
qq_45361567的博客
05-21 401
默认情况下，c++编译器至少给一个类添加3个函数1.默认构造函数（无参，函数体为空）2.默认析构函数（无参，函数体为空）3.默认拷贝构造函数，对属性进行值拷贝构造函数调用规则如下：如果用户定义有参构造函数 c++不在提供默认无参构造 但是会提供默认拷贝构造如果用户定义拷贝构造函数 c++不会再提供其他构造函数。
【CCF-CSP】202312-4 宝藏
whaoe_m的博客
05-14 407
对于所有类型为 2的事件，输出一行四个非负整数 C1,1​,C1,2​,C2,1​,C2,2​，表示该时刻的密码 C。西西艾弗岛上埋藏着一份宝藏，小 C 根据藏宝图找到了宝藏的位置。由于小 C 并不会这个问题，他向你发起了求助。你需要帮助小 C 求出所有类型为 22 的事件所对应的密码。小 C 将所有的时刻发生的事件均记录了下来。输入的第一行包含两个正整数n,m。从标准输入读入数据。
C++ 11
qq_65112813的博客
05-17 656
对于类类型，如果定义了接受。
【C++】＜知识点＞ 类的大小计算
致力于Linux的博客
05-18 115
C++中使用sizeof计算类大小的内在说明。
手搓顺序表（C语言）
m0_62646213的博客
05-19 817
顺序表头插头删，尾插尾删，任意位置插入删除的实现和优劣分析
[原创](Modern C++)现代C++的std::function, 强大的多态函数包装器(包含std::mem_fn使用方式).
其实我不是代码教父,我只是猪头三
05-15 290
std::function的主要作用是:存储, 复制和调用任何函数(通过指向它的指针), lambda表达式, 绑定表达式或其他函数对象, 以及指向成员函数的指针和指向数据成员的指针.
PointCloudLib 点云随机降采样 C++版本
linux_huangyu的博客
05-21 8
随机降采样是众多降采样算法中，速度最快的（应该是），多次测试之后感觉降采样还是比较平均。
初识C语言+第二十三天
硬件菜鸟的成长之路
05-19 264
【代码】初识C语言+第二十三天。
QT QPushButton如何利用信号槽实现QStackedWidge切换页面
04-19
可以通过QPushButton的clicked信号连接到QStackedWidget的setCurrentIndex槽来实现页面切换。具体代码实现可以参考下面的示例： ``` // 创建QStackedWidget和QPushButton对象 QStackedWidget *stackedWidget = new ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值