【Qt】认识Qt界面&Hello world小程序

一.认识Qt界面

1.左边栏

在编辑模式下,左边竖排的两个窗⼝叫做 "边栏" 。
① 是项⽬⽂件管理窗⼝
② 是打开⽂件列表窗⼝。


边栏⾥的窗⼝数⽬可以增加,边栏⼦窗⼝标题栏有⼀排⼩按钮,最右边的是关闭按钮,倒数第⼆个是 增加分栏按钮,可以添加多个边栏⼦窗⼝。

边栏⼦窗⼝标题栏第⼀个控件是组合框,可以选择该⼦窗⼝的功能视图类型,⽬前可以选择 10 个视图
类型:

|-------------------|-----------------------------------------------|
| 视图类型 | 说明 |
| 项目 | 即项⽬⽂件管理视图,可以选择项⽬⾥的⽂件进⾏编辑,包括 pro ⽂件也可以⼿动编辑。 |
| 打开文档 | 当前已经打开的⽂件列表,⽂件名右边如果有 * 号,是该⽂件被修改了但尚未保存。 |
| 书签 | 右击代码编辑器⾏号位置,看到 "切换书签",可以给代码⾏添加书签,⽅便跳转到该位 置。 |
| 文件系统 | 相当于系统⾥的⽂件资源管理器,可以查看项⽬⽂件夹在磁盘⾥的实际⽂件列表。 |
| 类视图 | 可以查看项⽬⾥包含的类及相应源代码⽂件⾥的成员函数、成员变量。 |
| Git Branches | 查看当前分⽀ |
| 大纲 | 编辑器所显⽰的当前⽂件的⼤纲列表,如名字空间、类名、成员函数、成员变量等。 |
| Tests | 测试 |
| 类型层次 | 当前项⽬包含的类及其基类、派⽣类列表。 |
| Include Hierarchy | 包含视图,显⽰当前项⽬⾥ *.h 、*.cpp 以及 Qt 类库头⽂件之间的包含关系。 |

注:
在 QtCreator 菜单 "控件" -------> "Show Left Sidebar",或者使⽤快捷键:"Alt + 0" 可以控制边栏的 显⽰和隐藏。

2.代码编辑区


说明:
①和②:导航按钮 "返回" 和 "前进",这与⽹⻚浏览器的前进和后退按钮类似,可以在之前浏览的多个
代码⽂件或⼀个代码⽂件⾥多个位置之间快速切换。
③:标识当前显⽰的⽂件是只读还是可写,⼀般都是可写的。
④:⽂件类型图标,当前显⽰⽂件的类型,这个控件其实是⼀个菜单按钮,点击可以弹出丰富的⽂件处理功能菜单。
⑤:打开的⽂件名,可以在多个打开的⽂件之间选择切换,与边栏的 "打开⽂档" 视图是对应的。
⑥:关闭当前显⽰的⽂档。
⑦:为当前显⽰的⽂件添加额外的C++预处理指令,⼀般⽤不着。
⑧:选择符号,可以在当前显⽰的⽂件⾥多个函数、类、成员变量等之前快速切换,与边栏"大纲"视图是对应的。
⑨:编辑区光标的⾏号和列号。
⑩:代码编辑区分栏,可以增加多个编辑器窗⼝,显⽰多个打开的⽂档或显⽰较⼤源码⽂件的多个位置。
⾏⾸区:主要⽤来显⽰代码⾏号,以及调试断点标志和代码书签标志。右击⾏⾸区可以弹出右键菜
单,菜单⾥可以切换书签、编辑书签以及设置或取消断点。同⼀⾏是既可以打断点也可以设置书签的,⼆者不冲突,其实它们根本就没关系。单击⾏号前⾯的浅灰⾊空⽩区可以直接打断点,再次单击可以取消断点,另外也可以⽤快捷键 F9 设置或取消断点。代码书签⼀般⽤右键菜单来设置,也可以⽤快捷键 Ctrl+M 设置或取消书签。
编辑区:写代码的区域。

3.ui设计界面


说明:
①:组件选择窗⼝。组件选择窗⼝分为多个组,如 Layouts、Buttons、Display Widgets 等,界⾯设计的常⻅组件都可以在组件选择窗⼝中找到。
②:UI 设计窗⼝。如果要将某个组件放置到该窗⼝上时,从组件选择窗⼝上拖放⼀个组件到窗体上即可。
③:动作编辑窗⼝。动作编辑窗⼝包括 Action Editor 以及 Signals 和 Slots 编辑器。 Action Editor 主要是⽤来新建 Action,并且通过拖拽的动作,将新建好的 Action 添加到菜单栏和⼯具栏上;Signals和 Slots 编辑器⽤于可视化地进⾏信号与槽的关联。
④:对象浏览窗⼝。⽤树状视图显⽰窗体上各组件之间的布局包含关系,视图有两列,显⽰每个组件的对象名称(ObjectName)和类名称。
⑤:属性设置窗⼝。显⽰某个选中的组件或窗体的各种属性及其取值,可以在属性设置窗⼝⾥修改这些属性的值。

4.构建区


左下⻆⼀共有四个按钮,下⾯分别介绍⼀下:
第⼀个按钮是选择构建项⽬使⽤的 Qt 套件和构建⽬标程序的类型(Debug 或 Release)。
对于第⼀个按钮,默认的是Debug,构建的是 Debug 类型的⽬标程序。如果需要构建 Release 版⽬标程序,点开左下⻆第⼀个按钮:

三种构建模式:

|---------|-----------------------------------------------------------------------|
| 模式 | 说明 |
| Debug | 以 "-g" 模式编译,带着符号信息,优点是便于调试 |
| Profile | profile 则是在 "Debug" 和 "Release" 之间取⼀个平衡,兼顾性能和调试,可以类似的看做是性能更优⼜⽅便调试的版本。 |
| Release | "Release" 是经过优化之后,性能⽐ "Debug" 更上⼀个档次 |

如果项⽬配置了多个可⽤的 Qt 套件,点开左下⻆第⼀个按钮后,会看到各个套件以及构建类型,如果要切换 Qt 套件或构建类型,直接选中相应条⽬,然后点击运⾏按钮就⾏了。如果构建和运⾏时没出错,就会显⽰出构建好的⽬标程序界⾯。

• 第⼆个是运⾏按钮,快捷键是 Ctrl+R,如果还没构建项⽬或刚修改了代码,直接点击运⾏的话,QtCreator 会⾃动构建⽣成新的⽬标程序并运⾏。
• 第三个是调试按钮,快捷键是 F5。调试程序之前,QtCreator 会⾃动构建⽣成最新的⽬标程序,并进⼊调试模式。
• 第四个是构建按钮,快捷键是 Ctrl+B,只构建最新的⽬标程序,但不运⾏。

二.通过两种方式分别实现一个Hello world小程序

1.纯代码实现

结果:

2.可视化操作实现(Qt designer)

(1)双击:" widget.ui " ⽂件;

(2)拖拽控件⾄ ui 界⾯窗⼝并修改内容;

(3)构建并运⾏,效果如下所⽰:

相关推荐
一点媛艺2 小时前
Kotlin函数由易到难
开发语言·python·kotlin
姑苏风2 小时前
《Kotlin实战》-附录
android·开发语言·kotlin
奋斗的小花生3 小时前
c++ 多态性
开发语言·c++
魔道不误砍柴功3 小时前
Java 中如何巧妙应用 Function 让方法复用性更强
java·开发语言·python
闲晨3 小时前
C++ 继承:代码传承的魔法棒,开启奇幻编程之旅
java·c语言·开发语言·c++·经验分享
老猿讲编程4 小时前
一个例子来说明Ada语言的实时性支持
开发语言·ada
Chrikk5 小时前
Go-性能调优实战案例
开发语言·后端·golang
幼儿园老大*5 小时前
Go的环境搭建以及GoLand安装教程
开发语言·经验分享·后端·golang·go
canyuemanyue5 小时前
go语言连续监控事件并回调处理
开发语言·后端·golang
杜杜的man5 小时前
【go从零单排】go语言中的指针
开发语言·后端·golang