Qt的基本操作

Qt的基本操作_第1张图片

文章目录

  • 1. Qt Hello World 程序
    • 1.1 通过图形化界面的方式
    • 1.2 通过代码的方式实现
  • 2. Qt 的编码问题
  • 3. 使用输入框实现hello world
  • 4. 使用按钮实现hello world
  • 5. Qt 编程注意事项
  • 6. 查询文档的方式
  • 7. 认识Qt坐标系

1. Qt Hello World 程序

在这里插入图片描述

1.1 通过图形化界面的方式

我们先讲解第一种方式,用图形化界面的方式,我们先打开widget.ui进入Qt designer:
Qt的基本操作_第2张图片
进入之后,我们可以拖拽Label这个控件:
Qt的基本操作_第3张图片
然后我们可以拉伸这个控件,敲出我们的hello world
Qt的基本操作_第4张图片
在这里插入图片描述

Qt的基本操作_第5张图片
然后在我们的widget.ui中就有我们的Label标签:
Qt的基本操作_第6张图片
此时在setupUi里就有了lable的相关设置:
Qt的基本操作_第7张图片

1.2 通过代码的方式实现

我们先打开widget.cpp:
Qt的基本操作_第8张图片
那么我们需要在这里面去构建我们的Label:
Qt的基本操作_第9张图片
可以看到出现了错误,因为Qt中每个类都有对应的同名头文件。我们需要包含头文件:
Qt的基本操作_第10张图片
创建对象的时候,我们可以在堆上创建,也可以直接在栈上创建。但是建议在堆上创建更好
Qt的基本操作_第11张图片
给当前的对象指定一个父对象,让这个对象知道自己在哪。
Qt的基本操作_第12张图片
这里的QString是什么呢
Qt的基本操作_第13张图片
Qt的基本操作_第14张图片
Qt的基本操作_第15张图片
Qt的基本操作_第16张图片
Qt的基本操作_第17张图片
上述代码,在Qt中不会产生内存泄漏,label对象会在合适的时候自动被析构释放。之所以能把对象释放掉,主要是因为把这个对象挂到了对象树上。对象树主要是一个N叉树,把界面上的各种元素组织起来了。
Qt的基本操作_第18张图片
假设我们要布局一个这样的界面,那么它的对象树如下:
Qt的基本操作_第19张图片
使用对象树,把这些内容组织起来,最主要的目的,就是为了能够在合适的时机(窗口关闭/销毁),把这些对象统一进行释放
Qt的基本操作_第20张图片
所以,我们更加建议通过new的方式创建对象,也就是把这个对象的生命周期交给Qt的对象树来统一管理。如果这个对象是在栈上创建,就可能会存在一些"提前释放"的问题

2. Qt 的编码问题

Qt的基本操作_第21张图片
可以看到,当析构打印的时候,它是乱码的。
在计算机中,一个汉字,占几个字节?
对于这个问题,只要你回答出一个具体的数字,就一定是错的。因为中文编码有很多种。计算机存的是二进制数字,英文字母可以用一个ASCII码表来表示:规定了每个字符,都有一个对应的数字来表示。
那么中文我们也是采用了一个大表格,给每个汉字,分配一个整数。

字符集:表示汉字的字符集,其实有很多种的。不同的字符集,表示同一个汉字,使用的数字不相同
Qt的基本操作_第22张图片
Qt的基本操作_第23张图片
可以看到这个文件采用的是UTF-8来进行编码的。
在这里插入图片描述
在这里插入图片描述
Qt的基本操作_第24张图片
现在就可以正常打印了。
Qt的基本操作_第25张图片
Qt的基本操作_第26张图片

3. 使用输入框实现hello world

Qt的基本操作_第27张图片
因为只打印hello world所以,使用单行编辑器就行。
Qt的基本操作_第28张图片
我们把这个控件拖拽就可以编辑了。
Qt的基本操作_第29张图片
右边可以修改这个编辑框的属性。
Qt的基本操作_第30张图片
Qt的基本操作_第31张图片

代码的方式:
Qt的基本操作_第32张图片

4. 使用按钮实现hello world

Qt的基本操作_第33张图片
Qt的基本操作_第34张图片
但是这里点击没有反应,需要和信号槽机制相关。
Qt的基本操作_第35张图片
在Qt中,需要使用一个叫做connect函数:
在这里插入图片描述
Qt的基本操作_第36张图片
Qt的基本操作_第37张图片
比如在上面的widget.ui中,有一个属性:
Qt的基本操作_第38张图片
Qt的基本操作_第39张图片
下面进行一个演示:
Qt的基本操作_第40张图片
这样的代码就可以进行按钮的切换。
Qt的基本操作_第41张图片
Qt的基本操作_第42张图片
代码方法:
Qt的基本操作_第43张图片
在这里插入图片描述

5. Qt 编程注意事项

Qt 偏好驼峰命名法:
在这里插入图片描述
举个例子:
Qt的基本操作_第44张图片
Qt Creator 中的快捷键:
Qt的基本操作_第45张图片

6. 查询文档的方式

打开帮助⽂档有三种⽅式:
Qt的基本操作_第46张图片
Qt的基本操作_第47张图片
3、找到 Qt Creator 的安装路径,找到 assistant.exe,双击打开;

Qt的基本操作_第48张图片
Qt的基本操作_第49张图片
Qt的基本操作_第50张图片

7. 认识Qt坐标系

Qt的基本操作_第51张图片
在计算机中的坐标系,X向右增加,Y向下增加。
Qt的基本操作_第52张图片
举个例子:
Qt的基本操作_第53张图片
Qt的基本操作_第54张图片
Qt的基本操作_第55张图片
Qt的基本操作_第56张图片
这里坐标的单位是像素。
Qt的基本操作_第57张图片
Qt的基本操作_第58张图片
这里我们也可以设置窗口的位置。

你可能感兴趣的:(Qt,qt)