1.3 MyFirstWidget代码讲解

前两节我们已经安装Qt环境，并且熟悉了QtCreator开发界面。本节接着前面的部分，分析讲解MyFirstWidget代码，并且提供一个非常有用的编程技巧，而且小豆君会在后续的分享中都会 适当的加入一些编程技巧，编程思想等，以方便大家的代码更精简有效。如果有不对的地方，也欢迎大牛们指出。

1.3.1 main.cpp

1 #include <QApplication>
2 #include "myfirstwidget.h"
3
4 int main(int argc, char *argv[])
5 {
6    QApplication a(argc, argv);
7
8    MyFirstWidget w;
9    w.show();
10    return a.exec();
11 }

为了叙述方便，现约定：在以后的代码分析中，方括号中的数字代表行号，例如【1-3】表示第1行到第3行的代码。

【1】包含QApplication类。

【2】包含myfirstwidget.h头文件，这是我们创建窗口类时，Qt自动为我们生成的头文件，且文件名都为小写。

【4-11】main函数。

【6】创建一个QApplication实例。

如果所创建的是一个窗口应用程序，那么必须要有且只有一个这样的实例，在创建QApplication实例后，会自动将指针赋值给Qt的全局变量qApp，如果想在其它地方使用QApplication实例，则可以直接调用qApp。

因为QApplication实例会进行大量的初始化工作，所以要在使用任何对象之前就创建QApplication实例，因此，main函数开头便创建了QApplication实例。

如果创建的是一个非窗口的应用程序，那么可以调用QCoreApplication来创建实例。

QApplication主要做以下事情（只需了解即可）：1：使用用户的桌面设置，初始化应用程序，例如窗口的调色板，字体等。2：执行事件处理。3：也可根据命令行参数，设置自己的内部状态。4：制定窗口样式，颜色调配，文字国际化。5：设置剪切板，管理鼠标事件。

【8-9】创建MyFirstWidget实例，并显示。

【10】进入Qt的主循环事件。当调用exit()函数时，才会退出循环，退出main函数。当程序在准备退出主循环时，会发出aboutToQuit()信号，如果有某些在退出程序前要处理的事情，可链接此信号进行处理。除了主循环外，Qt还有本地循环，可以理解为子循环，这个会在后面的讲解中讲述。

1.3.2 myfirstwidget.h

1 #ifndef MYFIRSTWIDGET_H
2 #define MYFIRSTWIDGET_H
3 #include <QWidget>
4 namespace Ui {
5 class MyFirstWidget;
6 }
7 class MyFirstWidget : public QWidget
8 {
9     Q_OBJECT
10 public:
11     explicit MyFirstWidget(QWidget *parent = 0);
12     ~MyFirstWidget();
13 private:
14     Ui::MyFirstWidget *ui;
15 };
16 #endif // MYFIRSTWIDGET_H

【7】MyFirstWidget公有继承QWidget，这样我们就可以调用QWidget提供的方法。QWidget是所有Qt窗口控件的基类，一般情况自定义窗口控件都应该继承QWidget或其子类，关于QWidget的内容小豆君会以后进行介绍。

【9】Q_OBJECT宏，必须在类的私有声明中声明这个宏，这样就可以使用Qt的信号槽机制，元对象系统，对象树等Qt特有的功能，否则无法使用。所以这里推荐在创建类时，最好加上此声明，这样的代码会得到很多Qt提供的便利接口。

【11】构造函数，其中parent参数，可指定父窗口，关于父子窗口的概念会在下节介绍。

【14】ui界面对象指针，凡是需要ui界面中的控件对象指针，都可以通过这个指针来进行调用访问。

1.3.3 myfirstwidget.cpp

1 #include "myfirstwidget.h"
2 #include "ui_myfirstwidget.h"
3 MyFirstWidget::MyFirstWidget(QWidget *parent) :
4     QWidget(parent),
5     ui(new Ui::MyFirstWidget)
6 {
7     ui->setupUi(this);
8 }
9 MyFirstWidget::~MyFirstWidget()
10 {
11     delete ui;
12 }

【4】如果有参数parent不为空，则MyFirstWidget会成为该指针所指窗口的子窗口

【5】创建Ui::MyFirstWidget界面对象，并将指针赋值给ui，创建的对象会在析构函数中释放

【7】设置ui界面

1.3.4 myfirstwidget.ui

双击myfirstwidget.ui进入Qt设计师界面，如下图：

打开的设计师界面，初始为一个空的窗口，现在可以尝试从左侧控件列表树中拖拽控件到中间的设计窗口，例如拖一个QLabel，QComboBox，QPushButton，QLineEdit，QCheckBox，可以在filter过滤器中输入关键字，这帮助你快速找到需要的控件。

鼠标点击刚刚拖入的QLineEdit控件，在右下角的属性编辑器中的filter过滤器中输入text，查找属性text，修改text的值为“Hello Qt”，回车。你会发现在设计窗口中QLineEdit控件显示Hello Qt字样。

好的，那我们再查找属性objectName，此时对应显示值为lineEdit，请记住这个值

我们再打开myfirstwidget.cpp文件，在构造函数中输入“ui->“此时会弹出一个ui所拥有的对象列表，选择lineEdit对象，这个lineEdit恰好就是在刚刚的属性面板中设置的值，Qt会将对象的名称用作对象的变量名，还可以通过调用findChild函数模版查找对应属性名的对象。调用setText方法如下：

MyFirstWidget::MyFirstWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::MyFirstWidget)
{
    ui->setupUi(this);
    ui->lineEdit->setText("This is My First Widget");
}

Ctrl+R，运行程序，最后可看到lineEdit显示了This is MyFirstWidget!

现在我们将ui->lineEdit->setText("ThisisMyFirstWidget!");改为ui->lineEdit->setText("你好，Qt！");

再运行程序发现显示的是乱码。这是文件编码的问题，在菜单栏选择：编辑=》Select Encoding...=》UTF-8 按编码保存，重新运行程序，乱码问题解决。

但是，当关闭当前文件，再次打开文件时，仍然是乱码，此时我们发现Qt仍然使用的是系统默认编码。

解决方法：工具=》选项=》文本编辑器=》行为选项卡=》文件编码=》默认编码=》UTF-8，点击ok。我们关闭文件，再次打开，发现不再是乱码，问题解决。

1.3.5 编程小技巧

往往好东西都是留在最后滴，接下来给大家介绍一个编程小技巧，如果看不懂，可先做个标记，暂时略过，等待基础扎实了，再来看这部分内容。

现假如需要给MyFirstWidget添加三个成员变量 int value1，int value2，int value3，但不想让调用者知道我的类有哪些属性，所以需要把这三个成员变量放到对应的源文件中，那该如何做呢。请看代码：

头文件
class MyFirstWidget : public QWidget
{
    Q_OBJECT
public:
    explicit MyFirstWidget(QWidget *parent = 0);
    ~MyFirstWidget();
private:
    Ui::MyFirstWidget *ui;
    //声明存储三个变量的结构体Private，并且创建其对应指针
    struct Private;
    struct Private * d;
};
源文件
//设计Private的好处（至于这个Private也可以换成其它的名词）：
//1. 当在这里增加了属性而头文件没有改变时，
//   凡是引用myfirstwidget.h的头文件的文件都不会重新编译
//   从而加快了编译速度，尤其遇到大型项目时，这个效果会非常显著
//2. 利用现在的编程环境，只需要输入d->，关于这个Private类的所有属性都会显示
//   到提示列表中，从而提高了开发速度
//3. 最重要一点，使用这种结构，头文件会显得非常整洁，
//   并且如果是提供接口给调用者，他就不会看到是如何实现的了，如果再干的绝
//   一点，在头文件中只保留公有接口，其他部分都放到这个类中，那调用者想要从头
//   文件中推敲点什么，就是很困难的事了。
//   同时，这也是代码封装的一个小技巧哦。
//   关于这个设计，还有缺陷，随着后面的讲解深入小豆君会提供它的改进版，愿意思考
//   的知友也可以思考下它还有什么缺陷。
//内部数据结构体Private定义
struct MyFirstWidget::Private
{
    int value1;
    int value2;
    int value3;
    Private(){
        value1 = -1;
        value2 = -1;
        value3 = -1;
    }
    ~Private(){}
};
MyFirstWidget::MyFirstWidget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::MyFirstWidget),
    d(new Private)
{
    ui->setupUi(this);
    ui->lineEdit->setText(QString::number(d->value1 + d->value2 + d->value3));
}
MyFirstWidget::~MyFirstWidget()
{
    //记得要删除哦
    delete d;
    delete ui;
}

好了，今天就讲到这里，本节重点熟悉下Qt设计师界面中的所有控件，看看它们都有什么属性，试着改变属性，看控件都有什么变化。在下一章我就开始讲解Qt窗口，OK，我们下期再见。

如果你想第一时间看到我的技术分享，就赶快关注吧。

更多分享请关注微信公众号：小豆君，只要关注，便可加入小豆君为大家创建的C++\Qt交流群，方便讨论学习。