Qt设计师的简单使用（ui设计界面的简单使用）

一、界面的基本介绍

下方为Qt设计师界面基本内容（因为我的博客多多少少都有点界面，有些刚刚接触Qt的小伙伴对Qt设计师的使用不熟悉，在此我只简单介绍，足够创建我博客中的界面即可）。

二、添加控件

2.1 添加控件

下方为添加控件的操作图，其步骤如下：

1. 通过筛选框输入对应控件，然后将寻找到的控件拖到控件绘制区；
2. 在对应的模块（比如图中在按钮模块中找到按钮）中将需要的控件拖入控件绘制区。
   提示：控件列表中的控件只能拖入绘制区，没有双击添加等操作。
   在使用时寻找到对应的控件，拖动并添加即可。
   

2.2 设置控件属性

特定控件有特定的控件名和其他属性设置，如需改名、设置大小、提示文本等可在右侧的控件属性编辑器设置（选择需要设置属性的控件即可在属性编辑器设置属性）。

三、布局器的使用

3.1 布局器介绍

既然添加了控件，那么控件杂乱无章当然是不行的，这就涉及到了布局器的使用。
布局器分为：垂直布局器、水平布局器、栅格布局器、在窗体布局中布局、使用分裂器垂直布局、使用分裂器水平布局。我个人最常用的是垂直布局器、水平布局器、栅格布局器。
其布局结果和其图标显示的大差不差。

3.2 简单布局

下方为简单布局，其步骤如下：

1. 选择要布局的控件；
2. 选择对应的布局器；
3. 打破布局（重复前两个步骤，选择栅格布局）。
   

3.3 复杂布局

下方为复杂布局时的操作，其操作步骤如下：

1. 将想布局的控件先摆放成想要布局的样子（如图中最开始，部分控件是跨行跨列的）；
2. 然后选择摆放好的控件；
3. 再选择需要的布局器（下方有模块布局和全局布局）。
   布局个人理解：
   模块布局：选中部分控件布局，然后选择布局器。
   全局布局：点击控件绘制区域，直接选择布局器。
   

3.4 带分裂器的布局

下图为使用分裂器水平布局的示例；在图中可以看到鼠标移到控件与控件之间时是可以水平拖动的，这就是使用分裂器水平布局的效果，同理使用分裂器垂直布局则是能垂直拖动。

四、拓展

4.1 添加模块窗口

当Qt设计师没有对应操作模块的时候右击空白处，选择要显示的模块即可，示例图如下：

4.2 转到槽的使用

在我的博客中也包含许多转到槽操作，担心有些小伙伴不知道，就也列出来了，下方为示例图，其步骤如下：

1. 右击需要添加槽函数的控件；
2. 在弹出的右键菜单中选择转到槽；
3. 在弹出的对话框中选择需要响应的信号；
4. 点击确定（系统会自动在头文件和源文件添加对应槽函数的声明和定义）。
   

4.3 拓展

1. 系统定义的槽函数的结构为:on_发出信号的控件名_发出的信号（参数）；
2. 从表面上我们没看到信号槽的连接，实际上在Qt生成的文件中包含其信号槽的连接（实际上与我们手动连接的方式不一样）。

总结

Qt设计师是Qt一个很方便的工具，能快速的对界面的创建。用代码创建界面和用Qt设计师创建界面各有各的好处，Qt设计师设计的界面动态性没有代码方便；但是代码创建界面有稍微有些繁琐不好掌握，容易建成意想不到的样子（Qt设计师：静态设计界面， 代码：动态设计界面）。另外Qt设计师的控件属性编辑器对控件属性的设置范围还是很广的，有很多地方，你用代码设置的控件属性，在这里能设置哦。

友情提示——哪里看不懂可私哦，让我们一起互相进步吧
（创作不易，请留下一个免费的赞叭 谢谢 ^o^/)

注：文章为作者编程过程中所遇到的问题和总结，内容仅供参考，若有错误欢迎指出。
注：如有侵权，请联系作者删除