3、深入探索图形用户界面：Widgets与Layouts的运用

深入探索图形用户界面：Widgets与Layouts的运用

1. 图形用户界面基础

图形用户界面（UI）围绕着使用布局排列的小部件（widgets）构建。了解Qt提供的小部件以及如何使用它们，同时掌握布局的使用方法以创建理想设计，是构建用户界面的关键。可以通过直接编写代码或使用Designer可视化构建用户界面，这有助于理解Designer生成的代码。

2. 在Qt中创建对话框

对话框是顶级窗口，由小部件组成，使用布局可以组织小部件，构建灵活的对话框。布局是Qt的特色之一，使用布局能轻松构建适应屏幕分辨率、字体大小和不同语言变化的对话框。与之相对的静态布局，需为每个小部件指定大小和位置，若翻译文本长度不同，对话框设计需适应最长文本。而布局描述小部件的相对位置，小部件告知布局所需空间，布局据此进行放置。

以下是使用Designer创建对话框的步骤：
1. 启动Designer，从底部模板按钮创建新对话框。
2. 向对话框添加一个组框（group box）、一个行编辑器（line edit）、一个标签（label）和一个垂直间隔器（vertical spacer），确保行编辑器和标签在组框内。尝试移动组框，内部的小部件应随之移动。
3. 选择组框并应用水平布局，再选择对话框窗体本身并应用垂直布局。

3. 大小策略（Size Policies）

布局在计算小部件大小时会考虑其大小提示（size hints）和大小策略。以一个示例来说，当在标签中输入“Supercalifragilisticexpialidocious”时，标签会扩展，行编辑器会缩小。这是因为标签在水平和垂直方向的大小类型为