002 Qt_两种方式实现helloworld

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 本文介绍了在Qt中通过图形化与代码方式显示“Hello World”的方法。图形化方式通过拖拽控件实现,代码方式则在`widget.cpp`中创建`QLabel`对象。此外,文章还详细解释了对象树的概念及其在内存管理中的作用,并解决了可能出现的乱码问题。

@[TOC]

前言

本文会向你介绍Qt中用图形化与代码方式显示hello world

图形化方式显示helloworld

如果双击widget.ui文件,Qt Creator会自动进入到设计模式,可以对图形化界面进行可视化编辑
再点击左侧栏的编辑选项
在这里插入图片描述
在左侧拖拽一个Button在这里插入图片描述
在这里插入图片描述
往界面上拖拽了一个Qpushbutton空间,此时ui文件xml就会多出一段代码
进一步的qmake就会在编译项目的时候基于这段xml生成一段C++代码,通过这个C++代码就构建出界面内容了,以上都是Qt自动完成的
在这里插入图片描述

代码方式显示helloworld

==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;   //如果对象在栈上创建,运行起来的程序无法显示出hello world,因为label对象会随着构造函数的结束就销毁了
    label->setText("hello world");
}

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

点击运行就可以观察到hello world
我们可以看到
==运行==
在这里插入图片描述

注意点一

为什么不能把label对象定义到栈上呢?

QLabel label;

因为label对象随着构造函数的销毁一并销毁了,窗口上是观察不到label控件的
在这里插入图片描述

注意点二

    QLabel* label = new QLabel(this);

这里new了一个对象,却没有手动delete,会不会内存泄漏呢?
答案:不会,这里先给出结论,然后再验证一下


因为这个对象被挂到了对象树上,在Qt当中对象树是一个非常重要的概念,它是在父子关系的基础上建立起来的,这里传递了this指针也就是父对象widget的指针,每个Qt对象可以有一个父对象和多个子对象,父对象负责对它们进行内存管理,在一个窗口被关闭时,所有属于该窗口的子部件也会被自动清理
==对象树是一个抽象的概念,看下图==
在这里插入图片描述
使用对象树,将这些控件内容组织起来,等到合适的时机,对象树将这些对象统一进行释放。如果某个对象被提前销毁,就会导致对应的控件在界面上显示不了

验证


创建一个新项目,这个新项目里,我们将会自定义一个label控件,当然功能还是继承QLabel,在此基础上自定义析构函数,添加打印日志,目的是为了观察对象树自动释放对象的过程,在不手动delete的情况下,析构函数能不能被正常调用,对象能不能被销毁

==创建一个新项目后,再新建一个C++类==
在这里插入图片描述
==Class name设为MyLabel,base class基类手动输入QLabel==
在这里插入图片描述
==添加到项目选择当前新建好项目,.pro文件就是一个项目文件==
在这里插入图片描述
建好后,项目目录新增了mylabel.h与mylabel.cpp文件,QtCreator已经帮我们生成好了部分代码,此时在mylabel.h文件中还是有些问题的,Qt没有给我们自动包含头文件
需要把头文件加上
在这里插入图片描述
==添加该头文件到mylabel.h文件中==

#include <QLabel>

==mylabel.cpp文件==

#include "mylabel.h"
#include <iostream>

//构造函数
MyLabel::MyLabel(QWidget* parent) 
    : QLabel(parent)
{
   }

//析构
MyLabel::~MyLabel()
{
   
    //打印日志目的是为了观察对象树自动释放对象的过程,没写delete也能够被释放
    //在不手动delete的情况下,对象能不能被销毁,析构函数能不能被正常调用
    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继承原来的QLabel,保持原有goon功能不变的基础上
    //给对象扩展出一个析构函数,通过这个析构函数,打印出一个自定义的日志,方便观察程序运行效果
    MyLabel* label = new MyLabel(this);
    label->setText("hello world");
}

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

以上就是需要做的所有修改。然后运行
在这里插入图片描述
之前我们说过,我们是为了验证对象树自动释放label对象的过程,在不手动delete的情况下,析构函数能不能被正常调用,label对象能不能被销毁
==关闭Widget窗口,观察程序输出日志==
在这里插入图片描述
确实是有输出,能够验证在不手动delete的情况下,对象树机制会将对象进行释放
在这里插入图片描述

乱码问题

现象:上述输出观察到的结果是一个乱码
在这里插入图片描述
所有乱码问题出现的原因只有一个,就是编码方式不匹配
如果字符串(字符串编码的方式与当前文件的编码方式相同)本身是utf8编码的,但是终端是按照gbk的方式来解析显示的,此时就会出现乱码(拿着utf8的数值去查询gbk的码表)
==也就是说“MyLabel 被销毁”中的被销毁三个汉字编码不匹配==
目前表示汉字字符集,主要是两种方式
1、GBK(中国大陆),使用2个字节表示一个汉字,Windows简体中文版默认的字符集就是GBK
2、UTF-8/utf8,一个汉字,一般是3个字节,linux默认就是utf8
我们可以用记事本打开观察该文件的编码方式,发现是UTF-8
那么我们Qt Creator的终端编码方式就不是UTF-8而是其它编码方式了,具体是什么取决于你的环境与系统
在这里插入图片描述


后续再 Qt 中,如果想通过打印日志的方式,输出一些调试信息,都优先使用 qDebug. 虽然使用 cout 也行,但是 cout 对于编码的处理不太好,在windows 上容易出现乱码(如果是 Linux 使用 Qt Creator, 一般就没事了,Linux 默认的编码一般都是 utf8)
使用 qDebug, 还有一个好处,打印的调试日志,是可以统一进行关闭的!!
输出的日志,是开发阶段调试程序的时候使用的,如果你的程序发布给用户,不希望用户看到这些日志的,qDebug 可以通过编译开关,来实现一键式关闭~~
==如图,使用Qdebug来替换cout==
在这里插入图片描述

小结

今日的分享就到这里了,主要介绍了两种显示helloworld的方式,引入了对象树的概念,验证了对象树统一释放对象的过程,最后对乱码问题进行了解释说明

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
目录
相关文章
|
7月前
【Qt 学习笔记】按钮实现helloworld | 信号与槽概述
【Qt 学习笔记】按钮实现helloworld | 信号与槽概述
95 0
|
4月前
|
网络协议 Linux C++
【Qt】多种控件实现“hello world“
【Qt】多种控件实现“hello world“
|
4月前
|
XML Linux C++
【Qt】图形化和纯代码实现Hello world的比较
【Qt】图形化和纯代码实现Hello world的比较
|
7月前
【Qt 学习笔记】输入框实现helloworld | QLineEdit的使用
【Qt 学习笔记】输入框实现helloworld | QLineEdit的使用
65 1
|
7月前
|
XML 自然语言处理 C++
【Qt 学习笔记】使用两种方式实现helloworld
【Qt 学习笔记】使用两种方式实现helloworld
71 1
|
7月前
|
数据可视化
【Qt】—— Hello World程序的实现
【Qt】—— Hello World程序的实现
|
Ubuntu IDE Linux
Linux-Qt Quick学习1-Hello world
Qt作为共平台的开发IDE。实在是强大,在Quick的学习中,与平台无关,我这里使用ubuntu和openSUSE,之所以不用Windows,是因为我想借这个机会过学习一点linux的东西,哪怕是熟悉一下简单的命令也好,
168 0
Linux-Qt Quick学习1-Hello world
|
vr&ar 开发工具 C语言
Qt 加载Leap motion 手势识别软件 二次开发 hello world
研发需要对收拾是被进行精确定位,实现收拾的识别,和在虚拟现实中精确的显示手势在实际世界中的位置。
216 0
Qt 加载Leap motion 手势识别软件 二次开发 hello world
|
Linux
全志A33 lichee 搭建Qt App开发环境编写helloworld
开发平台 芯灵思SinlinxA33开发板 嵌入式linux 开发板 Step 1 在虚拟机(CentOS7)上安装Qt Creator 将qt-creator-opensource-linux-x86_64-3.5.1.run 拷贝到虚拟机中,双击安装,全部点下一步即可。
2604 0