本文章转载自www.yafeilinux.com,本人仅仅转载,不承担一切责任

五、Qt Creator布局管理器的使用

上篇讲解了如何在Qt Creator中添加资源文件,并且为菜单添加了图标。这次我们先对那个界面进行一些完善,然后讲解一些布局管理器的知识。

首先对菜单进行完善。

1.我们在上一次的基础上再加入一些常用菜单。

文件的子菜单如下图。中间的分割线可以点击Add Separator添加。

http://www.yafeilinux.com/wp-content/uploads/2010/04/014.jpg

 

编辑子菜单的内容如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/024.jpg

帮助子菜单的内容如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/034.jpg

2.我们在动作编辑器中对各个菜单的属性进行设置。

如下图。

http://www.yafeilinux.com/wp-content/uploads/2010/04/044-300x142.jpg

3.我们拖动新建菜单的图标,将其放到工具栏里。

拖动新建菜单的图标。

http://www.yafeilinux.com/wp-content/uploads/2010/04/054-300x186.jpg

将其放到菜单栏下面的工具栏里。

http://www.yafeilinux.com/wp-content/uploads/2010/04/064.jpg

4.我们再添加其他几个图标。使用Append Separator可以添加分割线。

http://www.yafeilinux.com/wp-content/uploads/2010/04/074-300x162.jpg

5.最终效果如下。如果需要删除图标,可以在图标上点击右键选择Remove action即可。

下面简述一下布局管理器。

(这里主要以垂直布局管理器进行讲解,其他类型管理器用法与之相同,其效果可自己验证。)

1.在左边的器件栏里拖入三个PushButton和一个Vertical Layout(垂直布局管理器)到中心面板。如下图。

http://www.yafeilinux.com/wp-content/uploads/2010/04/084-300x200.jpg

2.将这三个按钮放入垂直布局管理器,效果如下。可以看到按钮垂直方向排列,并且宽度可以改变,但高度没有改变。

http://www.yafeilinux.com/wp-content/uploads/2010/04/093-300x166.jpg

3.我们将布局管理器整体选中,按下上面工具栏的Break Layout按钮,便可取消布局管理器。(我们当然也可以先将按钮移出,再按下Delete键将布局管理器删除。)

http://www.yafeilinux.com/wp-content/uploads/2010/04/102-300x163.jpg

4.下面我们改用分裂器部件(QSplitter)。

http://www.yafeilinux.com/wp-content/uploads/2010/04/112-271x300.jpg

先将三个按钮同时选中,再按下上面工具栏的Lay Out Vertically in Splitter(垂直分裂器)。

效果如下图。可以看到按钮的大小可以随之改动。这也就是分裂器和布局管理器的分别。

http://www.yafeilinux.com/wp-content/uploads/2010/04/122-300x228.jpg

5.其实布局管理器不但能控制器件的布局,还有个很重要的用途是,它能使器件的大小随着窗口大小的改变而改变。

我们先在主窗口的中心拖入一个文本编辑器Text Edit

http://www.yafeilinux.com/wp-content/uploads/2010/04/132-300x253.jpg

这时直接运行程序,效果如下。可以看到它的大小和位置不会随着窗口改变。

http://www.yafeilinux.com/wp-content/uploads/2010/04/142-300x213.jpg

下面我们选中主窗口部件,然后在空白处点击鼠标右键,选择Layout->Lay Out in a Grid,使整个主窗口的中心区处于网格布局管理器中。

http://www.yafeilinux.com/wp-content/uploads/2010/04/152-300x255.jpg

可以看到,这时文本编辑器已经占据了整个主窗口的中心区。

http://www.yafeilinux.com/wp-content/uploads/2010/04/162-300x205.jpg

运行一下程序,可以看到无论怎样拉伸窗口,文本编辑框的大小都会随之改变。

http://www.yafeilinux.com/wp-content/uploads/2010/04/172-300x240.jpg

我们在这里一共讲述了三种使用布局管理器的方法,一种是去器件栏添加,一种是用工具栏的快捷图标,还有一种是使用鼠标右键的选项。

程序中用到的图标是我从Ubuntu中复制的,可以到资源下载页面下载到。