10. QtCreator使用和窗体可视化设计

一个C++应用程序项目示例：创建名为 QtApp的C++应用程序项目

　　-  启动Qt Creator -> File -> New -> Project -> Application -> Qt Widgets Application -> Choose

　　-  项目名设置为QtApp -> Browse 选择文件夹 -> Dsktop Qt 5.12.0 MinGW64-bit -> 创建对话框选择Dialog{一定要勾选Generate form否则不会创建Dialog.ui}

##############################################################################################################################

●  Dialog.ui：窗体的ui文件，双击打开内置的UI Designer

●  Dialog.h 和 Dialog.cpp是定义窗体业务逻辑类的头文件和程序实现文件

##############################################################################################################################

1. 对于需要在窗体业务逻辑类里访问的界面组件，修改其objectName，以便在程序里区分；

　　- 按钮、需要读取输入编辑框、需要显示结果标签...

2. 对于不需要在程序里访问的界面组件则无需修改其objectName

　　- 用于界面组件分组的：GroupBox，Frame，布局等，UI Designer自动命名

###############################################################################################################################

布局：水平，垂直，网格，窗体，水平分隔空格，垂直分隔空格

窗体上方，一排为布局快捷键

Edit Widget：界面设计进入编辑状态

Edit Signals/Slots：进入信号与槽可视化设计状态[ 鼠标左键点住组件，然后脱出窗体，进行信号与槽的设置]

Edit Buddies：伙伴关系编辑状态，可以一个Label与一个组件成为伙伴关系 [将Label 鼠标左键拖动到具有输入焦点的组件，建立伙伴关系]

Edit Tab Order：进入Tab顺序编辑状态，Tab顺序是键盘按Tab键，输入焦点在界面各组件之间跳动的顺序

Lay Out H：将窗体上所选组件水平布局

Lay Out V：将窗体上所选组件垂直布局

Lay Out H in S：组件水平分割布局

Lay Out V in S：组件垂直分割布局

Lay Out in a F：将窗体上所选组件按窗体布局

Lay Out in a G：将窗体上所选组件按网格布局

Break Layout：解除布局

Adjust Size：自动调整所选组件大小

###############################################################################################################################