QT:PushButton+信号槽+Label简单使用

实现内容

创建一个简单的QT GUI项目,实现点击按钮修改Label的内容

创建QT GUI 项目:ButtonTest

创建后的目录为:
QT:PushButton+信号槽+Label简单使用_第1张图片

添加界面布局

在界面添加两个PushButton和一个Label,命名分别为pushButton1、pushButton2、label1
QT:PushButton+信号槽+Label简单使用_第2张图片
双击修改为上图的文字,文字的大小和字体可自行修改,位置在属性编辑器的QWidget–font一栏
我这里还设置了背景颜色、文字颜色:选中按钮,右键打开样式表进行修改即可,内容比较繁多暂时不展开写。
QT:PushButton+信号槽+Label简单使用_第3张图片

绑定信号事件,qDebug输出文字(使用QStringLitera()转码)

先测试pushButton1,进入信号槽编辑模式
在这里插入图片描述
鼠标左键按住pushButton1,拖动到按钮外释放,选择在弹出框右边的“编辑按钮”,添加一个showbtn1()信号槽
QT:PushButton+信号槽+Label简单使用_第4张图片
返回,选中clicked()按钮,再选中showbtn1按钮,点击确定,按下Ctrl+S保存,回到VS2015中
在buttontest.h中添加

public slots:
	void showbtn1();

在buttontest.cpp中实现

#include
void ButtonTest::showbtn1()
{
	qDebug() <

打开控制台窗口:右键项目–属性–链接器–系统–子系统–点击选中控制台–确定返回
运行程序,发现点击pushButton1控制台窗口会输出“按键1”,说明点击信号事件成功实现
在这里插入图片描述

添加信号槽–setLabel1(),setLabel2()

接下来,再来添加两个信号槽,实现点击“点击测试”按钮,label显示“测试成功!”,点击“复原”,label显示回原来的文字
添加信号槽的方式和上面一样,实现代码如下

void ButtonTest::setLabel1()
{
	ui.label1->setText(QStringLiteral("测试成功!"));
}

void ButtonTest::setLabel2()
{
	ui.label1->setText(QStringLiteral("这是一个Label"));
}

保存好UI文件,重新运行即可,buttontest.h和buttontest.cpp代码如下

#pragma once

#include 
#include "ui_buttontest.h"

class ButtonTest : public QWidget
{
	Q_OBJECT

public:
	ButtonTest(QWidget *parent = Q_NULLPTR);
public slots:
	void showbtn1();
	void setLabel1();
	void setLabel2();

private:
	Ui::ButtonTestClass ui;
};

#include "buttontest.h"
#include

ButtonTest::ButtonTest(QWidget *parent)
	: QWidget(parent)
{
	ui.setupUi(this);
}

void ButtonTest::showbtn1()
{
	qDebug() <setText(QStringLiteral("测试成功!"));
}

void ButtonTest::setLabel2()
{
	ui.label1->setText(QStringLiteral("这是一个Label"));
}

你可能感兴趣的:(qt,c++,gui)