这是运行后的程序界面:

Qt 入门 ---- 布局管理

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

Qt 入门 ---- 布局管理

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

① 原理:

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

Qt 入门 ---- 布局管理

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

② 操作步骤

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

Qt 入门 ---- 布局管理

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

Qt 入门 ---- 布局管理

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

Qt 入门 ---- 布局管理

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

Qt 入门 ---- 布局管理

运行结果如下:

Qt 入门 ---- 布局管理

最大化后如下图所示:

Qt 入门 ---- 布局管理

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

 

相关文章:

  • 2022-12-23
  • 2021-11-15
  • 2021-08-02
  • 2021-11-13
  • 2021-10-10
  • 2022-12-23
  • 2021-07-15
猜你喜欢
  • 2021-09-08
  • 2021-04-21
  • 2022-01-13
  • 2021-04-20
  • 2021-09-12
  • 2021-06-15
相关资源
相似解决方案