【Qt】初识Qt(二)
目录
- 一、显示hello world
- 1.1 图形化界面
- 1.2 写代码
- 二、对象树
- 三、使用输入框显示hello world
- 四、使用按钮显示hello world
一、显示hello world
有两种方式实现hello world:
- 通过图形化界面,在界面上创建出一个控件,显示hello world
- 通过写代码的方式,创建控件,显示hello world
1.1 图形化界面
点击widget.ui文件,进入界面设计。左边找到Label标签,鼠标点中拖到框框里面,然后写hello world
注意:框框里面写了hello world后,在source文件夹的main.cpp和widget.cpp文件内容是没有变化的,变化的是.ui文件
点击左下角的三角形按钮,运行:
同时在右上角发现,多了一个控件:
刚刚我们写了hello world的内容,ui文件就会在xml中多出来一段代码,qmake就会在编译项目的时候,基于这段代码生成一段C++代码,然后通过这段C++代码构建出界面内容(这是自动完成的,不需要手动)
1.2 写代码
写代码的位置:在widget.cpp文件中
#include "widget.h"
#include "ui_widget.h"
#include <QLabel>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QLabel* label = new QLabel(this);// QLabel label;label->setText("hello world");
}Widget::~Widget()
{delete ui;
}
- 注意要记得带上头文件#include < QLabel>
- QLabel可以在对堆上创建对象,也可以在栈上创建对象,一般用堆更好些
- QLabel对象的小括号中的this表示指明父类(Widget w)
- 对象的方法的setText填入要显示的文本内容,可以直接用C风格字符串(C格式字符串会隐式构造成QString对象)
由于Qt出现的比较早,当时还没有C++的标准库,所以Qt为了自己的开发能够流畅,也有自己的一套轮子,包括:字符串QString、QVector、QList、QMap等等。但是现在QString和std::string是可以相互转换的,相比而言,QString稍微好点,因为它内部的已经对于字符编码做了处理。
运行:
二、对象树
上面的代码有一些“问题”,在C++中,我们写代码new出来的对象最后都要释放,否则会内存泄漏,可是这里的代码并没有显示去释放它。
其实在Qt中,不会产生内存泄漏问题,label对象会在合适的时候被析构释放,之所以能够被释放,是因为这个对象被挂到了对象树上(与参数的this有关)
这个对象树是一个N叉树,会把界面上的各种元素(控件对象)组织起来,然后统一进行释放,合适的时候:窗口关闭
前面说通过new更好,是为了把这个对象的生命周期交给Qt的对象树进行管理,如果是栈就不行了,可能存在提起释放问题(出了作用域对象就销毁了,导致最后要显示的内容没有显示出来)
验证堆上能够自动释放:
这里我们自定义一个MyLabel类,只要MyLabel类的析构函数执行到了,此时窗口就会销毁,自动把对象树上的所有对象销毁
mylabel.h文件:
#ifndef MYLABEL_H
#define MYLABEL_H#include <QLabel>class MyLabel : public QLabel
{
public:// 构造函数使用QWidget*版本的// 这样才能确保对象加到对象树上MyLabel(QWidget* parent);~MyLabel();
};#endif // MYLABEL_H
mylabel.cpp文件:
#include "mylabel.h"
#include <iostream>MyLabel::MyLabel(QWidget* parent):QLabel(parent)
{}MyLabel::~MyLabel()
{std::cout << "mylabel已销毁" << std::endl;
}
widget.cpp文件:
#include "widget.h"
#include "ui_widget.h"
#include "mylabel.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);MyLabel *mylabel = new MyLabel(this);mylabel->setText("hello world");
}Widget::~Widget()
{delete ui;
}
运行:
出现了乱码问题。
解决方法:使用Qt提供的qDebug() 工具,可以完成日志打印工作,处理好编码格式问题
#include "mylabel.h"
#include <iostream>#include <QDebug>MyLabel::MyLabel(QWidget* parent):QLabel(parent)
{}MyLabel::~MyLabel()
{qDebug() << "MyLabel 已销毁";
}
运行:
后续尽量使用qDebug 来打印输出信息
三、使用输入框显示hello world
使用单行编辑框 QLineEdit 完成
两种方式:界面和代码
代码:
#include "widget.h"
#include "ui_widget.h"#include <QLineEdit>Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);QLineEdit* ld = new QLineEdit(this);ld->setText("hello world");
}Widget::~Widget()
{delete ui;
}
四、使用按钮显示hello world
按钮是可以点击的,但是需要Qt中的信号槽机制。本质是给按钮的点击操作设置一个处理函数,当点击时,就会执行这个处理函数
代码:
#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);connect(ui->pushButton, &QPushButton::clicked, this, &Widget::handleClick);
}Widget::~Widget()
{delete ui;
}void Widget::handleClick()
{// 当按钮被点击时,就把按钮的内容进行替换if(ui->pushButton->text() == QString("hello world")){ui->pushButton->setText("hello qt");}else {ui->pushButton->setText("hello world");}
}
connect函数:
- ui->pushButton:谁发出信号
- &QPushButton::clicked:发出什么信号,点击按钮就会触发这个信号
- &Widget::handleClick:处理函数
别忘了在widget.h文件声明处理函数:
运行,点击按钮,内容从hello world变成hello qt,再点击,从hello qt变成hello world
下面用代码的方式来实现按钮显示hello world
代码:
#include "widget.h"
#include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget)
{ui->setupUi(this);myp = new QPushButton(this);myp->setText("hello world");connect(myp, &QPushButton::clicked, this, &Widget::handleClick);
}Widget::~Widget()
{delete ui;
}void Widget::handleClick()
{// 当按钮被点击时,就把按钮的内容进行替换if(myp->text() == QString("hello world")){myp->setText("hello qt");}else {myp->setText("hello world");}
}
运行效果与前面一样