使用QT布局管理器

QT 布局管理界面 图文并茂是本文介绍的内容,先来看内容。今天来实现一个温度转换器的界面。如下图:

QT 布局管理界面 图文并茂

水平布局管理器可以把它所管理的部件以水平的顺序依次排开,例如上图中中间的“Centigrade”和“Fahrenheit”两段文字,就是水平排列的,这个时候就可以用水平布局管理器来实现。

垂直管理器类似,它可以把它所管理的部件以垂直的顺序依次排开,例如上图中右侧的液晶数字和地下的表盘,就形成了垂直排列,这个时候就可以用垂直管理器来实现。

Grid布局管理器可以以网格的形式,将它所管理的部件以一定的矩阵形式排列。比如上图中,所有的部件一起看,其实就是一种矩阵的形式来排列的。

QT下做界面设计的时候,其实无非就是利用上面三种布局管理器来将部件进行分类和排列。

就拿上图为例,总计有7个部件(一个PushButton,三个Label,一个Slider,一个LCDNumber和一个Dial),首先需要确定七个部件在对话框上的排布(上图就是我希望的排布方式)。然后,有两种方法用程序来实现我们期望的这种排布效果:

第一种,充分利用水平、垂直布局管理器:可以将最终布局拆分成以下四部分:

QT 布局管理界面 图文并茂

第一部分只有一个PushButton,先不管它。

第二部分是两个水平排列的Label,可以使用水平布局管理器将其放到一起;

第三部分是水平排列的Label和Sider,也可以用水平布局管理器将其放到一起;

第四部分是垂直排列的LCDNumber和Dial,可以使用垂直布局管理器将其放到一起;

OK,了解了以上几点,就可以采取这种操作:

先将第三部分和第四部分分别使用布局管理器组合起来,这个时候,我们可以将第三部分看做一个部件,将第四部分也看做一个“部件”;

将第二部分使用水平布局管理器组合起来,这个时候,第二部分也可以看做一个“部件”;

然后,第三部分和第四部分这两个大的“部件”也可以使用水平管理器组合起来,我们暂时称之为次三部分,呵呵。此时,整个窗体的布局变成下面的形式:

QT 布局管理界面 图文并茂

此时,整个布局变成了由第一部分、第二部分和第三部分构成的三个大的“部件”,而且,现在这三个部件恰好是“垂直排列”的,所以,我们可以用垂直布局管理器将三个大“部件”再次组合~~

OK,利用水平和布局管理器不断组合的方法,即可顺利完成整个应用程序界面的管理。

在这种方法中,我们使用到了3个水平布局管理器,2个垂直布局管理器。


posted @ 2012-11-03 11:38  点点爱梦  阅读(163)  评论(0编辑  收藏  举报