QT学习（设计窗体）

QT学习（窗体）

窗体设计

窗体完成创建后，打开Froms文件夹，点击***.ui文件进行界面设计。
从左边的栏目，选择需要的控件拖进来。

依次是：布局、弹簧、按钮、项目视图、项目小部件、容器、输入小部件、显示小部件。

布局：

依次是垂直布局、水平布局、栅格布局、在窗口布局中布局。

使用方法：

<1>将布局拖进来，再将所需要的控件拖到布局中；
<2>将需要布局的控件全部选中，点击界面上方的布局或者鼠标右键布局选择合适的布局。
<3>右下角的属性，最常用的是layoutSpacing，用于设计布局中控件的间隔。
<4>布局不需要时，右上角选择布局的类型右鼠标右键布局选择打破布局。
<5>界面设计尽量使用布局设计，尤其界面上方的栅格布局的使用，可以保证界面放大和缩小后控件随窗体变换而变化。
<6>分裂器布局的大小受控件的最大大小影响且控件之间不可以加弹簧，Layouts里面的布局则没有影响。
可参考链接: Qt布局的简单介绍.

弹簧：

依次是水平弹簧、垂直弹簧

使用方法：

<1>将所需要的控件拖到布局控件之间，在右下角的属性sizeHind设置宽和高；
<2>分裂器布局的控件之间不可以加弹簧。

按钮：

依次是按钮、工具按钮、单选按钮、复选按钮、命令链接按钮、对话框按钮。

使用方法：

<1>将所需要的按钮控件拖到界面，在按钮的属性界面设计具体属性；
<2>按钮事件写法：点击鼠标右键转到槽选择需要的信号事件，之后回到***.cpp界面设计函数。
可参考链接: Qt5开发之各种按钮控件详细讲解.

项目视图：

依次是：列表视图、树视图、表格视图、列视图

使用方法：

<1>将所需要的视图控件拖到界面，在视图的属性界面设计具体属性；
可参考链接: QT：控件精讲（二）单元视图Item Views.

项目小控件：

依次是：列表小控件、树小控件、表格小控件

使用方法：

<1>将所需要的小控件拖到界面，在小控件的属性界面设计具体属性；
可参考链接:
1 、 Qt：18—Item Widgets控件的使用.
2、 QT：控件精讲（三）单元组件 Item Widgets.

容器：

依次是：组框、滚动区域、工具箱、选项卡窗口、层叠窗口（堆栈窗口）、框架、小部件、MDI区域、浮动控件

使用方法：

<1>将所需要的视图控件拖到界面，在视图的属性界面设计具体属性；
可参考链接:
1、 Qt：20—Containers控件的使用
2、.QT：04—Containers控件(Group Box、Scroll Area、Tool Box、Tab Widget、Stacked Widget…等)

输入小控件：

依次是：组合框 、 字体编辑组合框、行编辑 、文本编辑、无格式的文本编辑 、整数旋转框、 小数旋转框 、时间编辑框 、日期编辑框、日期时间编辑框、表盘、水平滚动条、垂直滚动条、水平滑动条、垂直滑动条。

使用方法：

<1>将所需要的输入控件拖到界面，在输入控件的属性界面设计具体属性；
<2>输入控件事件写法：点击鼠标右键转到槽选择需要的信号事件，之后回到***.cpp界面设计函数。
可参考链接:
1 、 Qt：15—Input Widgets控件的使用.
2、 QT：控件精讲（五）输入组件Input Widgets.

显示小控件：

依次是：标签、文本浏览器、绘图视图、日历控件、 LCD数字显示框、进度条、线条、线条

使用方法：

<1>将所需要的显示控件拖到界面，在显示控件的属性界面设计具体属性；
<2>显示控件事件写法：点击鼠标右键转到槽选择需要的信号事件，之后回到***.cpp界面设计函数。
可参考链接:
1 、 Qt：16—Dispaly Widgets控件的使用.
2、 QT：控件精讲（六）显示组件DisplayWidgets.