QT跨平台应用程序开发框架（2）—

一，创建helloworld

1.1 通过图形化

1.2 通过代码

1.3 通过编辑框

1.4 使用按钮

二，对象树

2.1 关于对象树

2.2 演示释放流程

三，乱码问题

3.1 为什么会有乱码问题

3.2 解决乱码问题

四，认识Qt坐标系

五，周边

5.1 命名规范

5.2 快捷键

5.3 如何使用帮助文档

一，创建helloworld

在窗口上打印helloworld我们有两种方式：

一种是通过图形化的方式，在界面上创建出一个控件，显示helloworld
另一种是通过纯代码的方式，通过编写代码在界面上创建控件，显示helloworld

1.1 通过图形化

先双击 .ui 文件来到图形化编辑页面：

然后就会在页面的右上方显示我们安装的控件：

最后我们点击左下角运行按钮，我们创建的窗口上就会显示一个hello world字符串

1.2 通过代码

在我们项目的 widget.cpp 文件中，有一个构造函数：
如果我们要通过代码去构造界面，一般都会把构造界面的代码放在 Widget/MainWindow类的构造函数里面，注意只是创建并不是使用
我们要使用一个类，一般都要加上对应的头文件，并且一般每个类都有一个对应同名的头文件，之后就可以接在构造函数中new一个QLabel，在堆上创建；或者直接在栈上创建，Qt更推荐在堆上创建，原因我们后面的对象树再详细讲讲：
另外，我们在new对象时，建议把this也放进去，就是new QLabel(this); 这个表示给这个label对象指定一个父对象，这点我们对象树再详细讲讲

在包含头文件时，可能会出现两个头文件：

像第二个qlabel.h 这种是上古时期的头文件命名风格，比较Qt是1991年出来的，那时候的C++编程还是比较荒蛮的状态
直到1998年C++ 推出了 C++98 标准，规定包含头文件，统一使用 #include<cstdio> 代替C语言的 #include<stdio.h>

之后我们就可以往label对象里面设置一个文本：

关于QString类型：

Qt诞生于1991年，C++还未形成标准，C++也就没有“标准库”这样的概念
所以在那个年代如何表示一个字符串，有很多方式，比如C风格的字符串（\0结尾），或者是C++的string
但是在当时，STL也还没有搞起来，什么都不太好用，于是Qt自己搞了一套轮子，也就搞了一系列基础类来支持Qt的开发，比如字符串QString，动态数组 QVector，还有链表QList字典 QMap等
虽然后面有了 C++标准和STL，但是想要Qt直接舍弃原有的内容，也不太现实，所以只能和现有的标准库中的容器类共存了
所以我们自己在开发过程中要使用容器类，两者都可以是使用，但是在Qt原生的 api 中，涉及到的接口，用的都是Qt自己那一套容器，比如上面的设置文本，很多方法的参数都是Qt的容器类而不是STL的
但是QString用起来要比 std::string香很多，因为QString内部已经对字符编码做了处理，和java一样，而不像std::string那样啥也没干，所以不经常出现乱码问题

之后直接运行，窗口也就会显示出hello world了，只是默认在左上角，如果要想放到其它位置，也可以做到，后面会详细讲解

问题：我们以new创建的对象，但是最后没有delete，会出现内存泄漏吗？

解答：

上述代码不会有内存泄漏，label对象会在合适的时候自动释放
主要的原因，就是我们前面构造的时候，把this给传进去了，也就是把这个对象挂在了对象树上，下面我们就来详细了解下对象树

1.3 通过编辑框

Qt中有两种编辑框：①单行编辑框（QLineEdit） ②多行编辑框（QTextEdit）

我们要用到的控件是Input Qidgets下的Line Edit，也是最简单的单行编辑框

当然，也可以用代码来创建编辑框，并且方式和上面是非常相似的：

1.4 使用按钮

按钮控件位于Buttons目录下的Push Button：

但是目前这个按钮能点击，但是没有反馈，也正常，因为我们还没有设置，我们要想让这个按钮点击后有反馈，需要用到Qt中一个非常重要的机制叫做“信号槽机制”，这个我们后期再详细介绍，这里我们先简单演示下：

别忘记在widget.h里声明函数哦：

效果如下：

问题：connect的第一个参数是如何访问到具体某个控件的？

解答：这时候Qt Designer右下角那一坨东西就有用了：

我们在Qt Designer中通过拖拽方式创建一个控件的时候，会给这个控件分配一个objectName属性
这个属性的值是在这个页面中唯一的，比如上面我们搞了两个按钮，对应的objectName就不一样
qmake会根据objectName生成对应的C++代码，其中QPushButton对象的变量名字就是这里的objectName，这个变量就是ui属性中的成员变量
这个objectName也可以自己修改

上面是通过拖拽方式创建按钮，下面我们通过代码来创建按钮：

二，对象树

2.1 关于对象树

前端开发（网页开发）也涉及到类似对象树（DOM），本质上也是一个树形结构（N叉树），用于组织页面上的各种结构

Qt中也是类似，也是搞了一个对象N叉树，把界面上的各种元素组织起来，比如我们的页面大概长这样：

那么对象树就大概长这样：

用对象树把这些内容组织起来，最主要的目的，就是能够对这些对象统一管理，比如统一释放，这点和我们Linux里的“先描述，再组织”的目的非常相似

问题：上面这些对象统一销毁是最好的，那么如果是一个对象先销毁了，会发生什么？

解答：会导致对应的控件在页面上无法显示，导致对应的控件在页面上不存在了

所以我们以new的方式创建对象，就是为了把这个对象的生命周期，和 Qt 对象树的生命周期进行同步，所以对象会随着对象树的销毁统一全部销毁，并且也方便管理

问题：如果改为在栈上创建对象会发生什么？

解答：如下图：

2.2 演示释放流程

上面说一大堆对象树方便释放，但是实际效果并不明显，下面我们自己搞一个QLabel类，然后打印一些东西来演示释放效果：

①创建对应的C++文件：

然后就多出了两个文件：

②实现mylabel.h

由于我是习惯与函数声明和定义放一起写的，所以mylabel.cpp没有用到，大家也可以按照自己的方式写，下面是MyLabel类也就是mylabel.h的实现：

#ifndef MYLABEL_H
#define MYLABEL_H

#include<QLabel>
#include<iostream>
class MyLabel : public QLabel
{
public:
    MyLabel(QWidget* parent) //用带参数的构造函数，这样才能确保自己的对象能够加到对象树上
        :QLabel(parent)
    {}

    ~MyLabel()
    {
        std::cout << "MyLabel 已销毁！" << std::endl;
    }
};

#endif // MYLABEL_H

③在widget.cpp中创建并调用MyLabel类

④查看效果

注意，析构函数是对象销毁时才会调用，所以当窗口生成出来要再关闭后，才会调用析构函数，如下动图：

可以看到析构函数能够进行打印，但是这里出现了乱码，下面我们来解释并解决一下

三，乱码问题

3.1 为什么会有乱码问题

乱码问题我们后面会经常涉及到，但是乱码出现的原因大部分情况下只有一个，就是“编码方式不匹配”

问题：在计算机中，一个汉字占几个字节？

解答：

绝大多数的人回答时都会即答“2个字节”，但是实际上，针对这个问题，只要回答一个具体的数字，100%是错的，因为我们需要搞清楚一个前提条件，就是我们当前的中文编码是哪种方式（字符集）
计算机存的是二进制，英文字母和很多符号我们是用ASCII码表搞得，规定了每个字符都有由一个数字来表示就够了，因为英文就那么多
我们常用的汉字大概是4千左右，算上各种生僻字的话，大概有6w多个，所有就搞了一个更大的表格用更大的数字来表示汉字了，对于计算机来说6w多个符号的表格没有什么压力的，但是这个表格是什么样子，具体每个汉字用哪个数字表示，就有很多种了

目前表示汉字字符集我们主要是两种方式：

①GBK，使用2个字节的大数字表示一个汉字，我们Windows简体中文版就是默认用的GBK
②UTF-8 / utf8，属于变长编码，表示一个符号，使用的字节数有变化；在utf8中，一个汉字一般是3个字节

我们可以在Windows本地和Linux中验证一下：

下面是Linux中的执行结果：

#include<iostream>
#include<string.h>

int main()
{
    const char* s = "好";
    std::cout << strlen(s) << std::endl;
}

下面是在Windows上的测试结果：

3.2 解决乱码问题

我们在析构函数中打印中文，那么这个代码的编码方式就是和主体文件直接相关的

Qt Creator 内置的终端不一定是 utf8 的方式来显示字符串，并且好像也不能设置字符编码，但是既然出现了乱码，那么肯定不是 UTF-8
当前表示中文的主流方式还得是 UTF-8，因为不仅支持中文，很多其它国家文字都可以支持

但是不用担心，我们之前也说过，QString 是可以帮我们自动处理编码问题的；而且不止QString，Qt 也提供了专门用来打印日志的工具，也能自动处理编码问题

并且 qDebug 还可以通过编译开关，实现一键式关闭

四，认识Qt坐标系

以左上角为原点（0，0），X往右增加，Y向下增加：

给Qt某个控件设置位置，就要指定坐标，坐标系原点就是相对于父窗口/控件的

move表示把控件移动到具体位置，单位是像素点
x和y函数就是获得该控件相对与原点(0, 0)，的横坐标和纵坐标

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

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    QPushButton* b1 = new QPushButton("按钮1", this);
    QPushButton* b2 = new QPushButton("按钮2", this);

    b1->move(300, 200); //设置按钮1的坐标
    this->move(0, 100); //这个就是设置窗口的坐标，原点为我们屏幕的左上角

    qDebug() << "按钮1的坐标为：[" << b1->x() << ", " << b1->y() << "]";
    qDebug() << "按钮2的坐标为：[" << b2->x() << ", " << b2->y() << "]";
}

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