Qt Designer的简单使用，程序员去大公司面试

• 第四个是“Main Window”，即主窗口界面，主窗口功能最为丰富，有菜单栏、工具栏、状态栏、中央部件， 并且可以添加停靠/浮动窗口。这个比较复杂，后续章节讲解。
• 第五个是最简单的通用“Widget”界面，本节就使用这个作为主界面窗口。

选中“Widget”之后，再点击“创建”按钮，就会新建一个该类型的窗体，如下图所示：

Qt Designer 的上方是菜单栏和工具栏，工具栏里需要留心的是中间的四个按钮，是指图形界面的四种编辑模式，依次为：

序号	编辑模式	说明
①	编辑窗口部件	为窗口拖拽控件（即部件），编辑控件布局等。
②	编辑信号/槽	用户在图形界面的一些动作会触发窗口或控件的信号，信号对应的处理函数就是槽函数，这种模式实现二者的关联关系。
③	编辑伙伴	最常见的就是将标签控件设置为其他控件（如编辑框）的伙伴，标签控件文本就可以指明关联控件的名称/功能/用途，并且能方便地设置快捷键。
④	编辑 Tab 顺序	在窗口中，用户可以按 Tab 键依次选择进入各个控件，这个模式就是编辑各个控件被选择的顺序。

本节只使用第 ① 种“编辑窗口部件”的模式，其他的以后再慢慢讲。

Qt Designer 左边的“Widget Box”是控件（或叫部件）工具箱， 包含了丰富的可拖拽的 Qt 控件。

Qt Designer 中间部分带有点阵标示的窗体就是我们新建的界面窗体。

Qt Designer 右边是三个工具箱窗口：

• 第一个是对象查看器，用来记录当前窗体里面有哪些控件，每个控件对象的名称和类名都会列出来，可以看到默认的对象是 Form，它的类名是 QWidget；
• 第二个是属性编辑器，用于编辑窗体或控件的属性，比如对象名称、窗口标题、窗口大小等等。
• 第三个工具箱比较复杂，它是选项卡式的，有“资源浏览器”、“动作编辑器”和“信号/槽编辑器”三个工具箱，这几个以后再讲，本节暂时用不着。

拖拽控件是最简单不过的了，这里描述拖一个标签控件到主界面。在左边“Widget Box”里面，把滑块拖到最底下， 或用鼠标滚轮往下滚到底，可以看到“Display Widgets”类别里的“Label”控件，这个就是前面几节使用的 QLabel 。将鼠标指针移到“Label”，左键按下不松，再往主界面窗口里拖动，拖到大概靠主界面窗体的左上位置， 然后松开鼠标左键，就给主界面窗口添加了一个标签控件了。添加后，界面窗体如下图所示：

上图只截了中间的主界面窗体和右边的两个工具窗口，主界面的“TextLabel”就是选中的标签控件，它周围一圈有 8 个可拖动的小方块，可以拉伸标签控件的大小，如果鼠标左键按到该控件上拖动就可以控制 控件显示的位置。

在对象查看器里，这时候多出来一行“label”和“QLabel”，就是标签对象的名称和类名。

在属性编辑器里，可以看到“label : QLabel”字样，说明这时可以设置 label 的属性。 label 的属性非常多，可以用鼠标滚轮滚动查看众多属性，就不一一枚举了。

最关键的属性都自动被加粗显示了，有三个：

属性	说明
objectName	对象名称，该名称决定以后在 C++ 代码里这个对象的指针变量名，用过这个对象名称就能调用该对象的函数。ui 文件里的对象名称全是指针变量名，因为它们全都是用 new 创建的。
geometry	控件显示占据的几何图形，就是显示的矩形区域，该属性是通过四个子属性控制的， 点开箭头展开看到 X、Y、宽度、高度，设置这四个数值，可以控制控件显示的位置和控件的大小。
text	显示的文本，标签控件就是专门用来显示文本的，这个是它最主要的功能。

标签控件对象名称就不修改了，因为就一个。我们设置 geometry 的四个子属性： X 为 10，Y 为 10，宽度为 200，高度为 40，如下图所示：

可以看到中间的标签控件就正确地显示为距离左边 10 像素，距离上方 10 像素，宽度为 200 像素， 高度为 40 像素的大标签了。

然后在属性编辑器里拖动右边滑块，找到 text 属性，点击值列的“TextLabel”，修改为“C语言中文网”（不含双引号），主界面里的标签就显示为“C语言中文网”了。

这时看到的是带有点阵的主界面窗口，点阵是方便对齐控件和估计控件大小的，点阵分割的最小正方形就是 10*10 的。 如果希望看到运行时的主界面窗口显示效果，可以点击 Qt Designer 的菜单“窗体 --> 预览§…”，或者按快捷键 Ctrl+R，新弹出显示的就是运行时没有点阵的正常窗体预览效果：

点击右上角关闭按钮就可以关闭预览。到这我们的主界面窗口就编辑完成了。

点击 Qt Designer 菜单“文件 --> 保存(S)”，或者按快捷键 Ctrl+S，将该文件保存到 D:\QtDemo\ 文件夹里面，保存的文件名为 hello.ui 。

ui 文件其实就一个标准 XML 格式的文本文件，我们可以用文本编辑器打开，它的内容如下：

<?xml version="1.0" encoding="UTF-8"?> Form

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Go语言工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Go语言全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Golang知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024b （备注Go）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

-1712984641531)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！