1. 图形化方式
通过图形化方式 在界面上创建出一个控件 显示 hello world
![](https://i-blog.csdnimg.cn/direct/705cf74f57ed408188dce7b867a41006.png)
点击 widget.ui 并打开 调用 Qt designer 这个图形化工具 完成窗口界面的编辑
![](https://i-blog.csdnimg.cn/direct/500c433a32694063839bb14bbb72f2ee.png)
在左侧 Display Wigets 中 找到 label 控件 并将其拖拽到右侧界面上
![](https://i-blog.csdnimg.cn/direct/239c650069e84630a2f18aa25b6bfe52.png)
可以通过 拖动边框 来放大 label
![](https://i-blog.csdnimg.cn/direct/1e8f74e0c31d4cd097ef66f8196f5e5f.png)
通过双击 可以进行 编辑的状态 然后输入 Hello World
就可以显示出 Hello World 了
![](https://i-blog.csdnimg.cn/direct/a064076c6da14390847dd64b4a56519a.png)
此时就存在了一个 label 控件
Qt designer 的右上角 通过树形结构 显示出了当前界面上都有那些控件
![](https://i-blog.csdnimg.cn/direct/ef84911bd5f142ccabc5e240bd65a3c5.png)
此时在 widget.ui中 就会 多出一句 Hello World
在界面上拖拽 一个 QLabel 控件 ui文件的xml中就会多出来这一段代码
进一步 的 qmake 就会编译项目的时候 基于这个内容 生成一段C++代码
通过C++代码构建出界面内容
2. 纯代码方式
![](https://i-blog.csdnimg.cn/direct/0ebad5aa23c043c996b74585025f927f.png)
点击 widget.cpp 并打开
![](https://i-blog.csdnimg.cn/direct/fa374e3bd7b2446aab683aa21228ca0f.png)
其中包含 一个 Widget 的构造函数
一般通过代码来构造界面的时候 通常会把构造界面的代码 放到 Widget 的构造函数中
Qt中 每个类都有一个对应同名的头文件 所以在 widget.cpp 中 使用 #include < QLabel >
label 表示 界面上一个用来显示内容的字符串统计
![](https://i-blog.csdnimg.cn/direct/8a45f5577b744a4494ef88bde2d14a0c.png)
使用C++中的new 去创建一个 Qlabel类的对象
并在构造函数中添加参数 this 即 给当前的label对象 指定一个 父对象
在Qt中存在 对象数的概念 本质为 一个 n叉树 即有n个子节点 并且只有一个父节点
所以当指定父对象时 就知道在树的那个位置
![](https://i-blog.csdnimg.cn/direct/e5b39c112c404fb28796abb1bf5d4eaa.png)
this 指向的是 当前构造函数所对应的对象 即 main.cpp 中的 widget对象
创建的 label 对象 父元素 为 widget 对象
调用 label对象中的 setText 函数 表示 设置控件中 要显示的文本是啥
其中参数为 Qstring
Qt 为了让自己的开发能够更顺畅 就自己发明了一套轮子
搞了一系列的基础类 来支持 Qt的开发
包括但不限于 字符串 QString 动态数组 QVector 链表 QList
![](https://i-blog.csdnimg.cn/direct/b7b09c1870e343a1bc264fe071429262.png)
在Qstring 中提供 C 风格字符串作为参数的构造函数
不显式构造 QString 上述代码中 C风格字符串也会隐式构造 Qstring对象
QString对应的头文件 已经被很多 Qt内置的其他类间接包含了 因此一般不需要显式包含QString头文件
![](https://i-blog.csdnimg.cn/direct/eb806c56e01449d88f6373ad75928b66.png)
此时就显示出了 hello world