Qt 入门 ---- 布局管理

这是运行后的程序界面：

这是点击右上角“最大化”之后的程序界面：

接下来讲一下如何进行自动布局解决窗口拉伸问题。

① 原理：

在项目“设计”模式的左侧有如下两个控件栏“Layouts”和“Spacers”：

“Layouts”负责将窗口部件以一定的样式排列，“Spacers”可以填充控件之间的间隔，从而提供不对齐方式排列。

② 操作步骤

选择垂直排布“Vertical Layout”，拖放到窗口界面，然后将文本框拖入其中。在选择两个“Vertical Spacer”分别放置在“Vertical Layout”里的文本框的上下两侧。效果如图：

选择水平排布“Horizontal Layout”，拖放在界面窗口，将图片和“Vertical Layout”一起拖入其中，并在中间插入"Horizontal Spacer"，效果如下图：

选择水平排布“Horizontal Layout”，拖放在界面窗口，将“退出”按钮拖放其中，并在两边插入"Horizontal Spacer"，效果如下图：

右击界面窗口的空白处，在弹出的快捷菜单中，选择最后一项“布局”>>“垂直布局”，使得整个窗口中的所有部件垂直布局。并可在相应位置插入“Vertical Spacer”。最终效果如下图：

运行结果如下：

最大化后如下图所示：

<参考文献：C++ GUI Programming with Qt4, Second Edition. Jasmin Blanchette, Mark Summerfield>