• 25456阅读
  • 21回复

五、Qt Creator布局管理器的使用(原创) [复制链接]

上一主题 下一主题
离线yafei86
 
只看楼主 倒序阅读 楼主  发表于: 2009-10-29
到我的空间查看完整版:http://hi.baidu.com/yafeilinux/blog/item/a53dd050b566ca858d5430ef.html


下面的附件里有程序中用到的图标。


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

首先对菜单进行完善。

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

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



“编辑”子菜单的内容如下。


“帮助”子菜单的内容如下。


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

如下图。


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

拖动“新建”菜单的图标。


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


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


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


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

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

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


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


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


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

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


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


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

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


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


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


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


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



我们在这里一共讲述了三种使用布局管理器的方法,一种是去器件栏添加,一种是用工具栏的快捷图标,还有一种是使用鼠标右键的选项。
附件: ubuntu图标.rar (410 K) 下载次数:4776
欢迎访问我们的网站:www.yafeilinux.com
离线ubuntu-lp
只看该作者 1楼 发表于: 2009-12-25
谢谢LZ~
离线wangguang246

只看该作者 2楼 发表于: 2009-12-28
感谢分享~
离线glinsana
只看该作者 3楼 发表于: 2010-03-19
善 我还说怎么布局都不随着我的窗口走……z了
离线nashzh
只看该作者 4楼 发表于: 2010-04-06
谢谢LZ
并不是每天多做一点,事情就会减少一点。
离线hjwt
只看该作者 5楼 发表于: 2010-04-07
谢谢LZ
离线husx_ok
只看该作者 6楼 发表于: 2010-04-13
thank you !
相信自己的选择!
离线藏锋
只看该作者 7楼 发表于: 2011-01-20
很直观,赞一个
离线goushi26

只看该作者 8楼 发表于: 2011-04-14
谢谢分享啊!
离线ok326

只看该作者 9楼 发表于: 2011-05-01
回 楼主(yafei86) 的帖子
DDDDDDDDDDDDDDDD,谢谢楼主
离线twoheard

只看该作者 10楼 发表于: 2011-05-26
学习了,简单明了。
离线slwang
只看该作者 11楼 发表于: 2011-10-07
很感谢你。
每个人都很聪明,永远不要低估任何一个人。
离线zsmdev
只看该作者 12楼 发表于: 2011-10-08
非常感谢楼主
离线kimtaikee

只看该作者 13楼 发表于: 2011-10-09
怎么被百毒给封杀了 ?

离线dgdguo

只看该作者 14楼 发表于: 2011-11-06
谢谢分享啊!
只看该作者 15楼 发表于: 2012-02-22
谢谢楼主分享
离线lonerzf

只看该作者 16楼 发表于: 2012-08-31
这个很好啊,谢谢楼主。
只看该作者 17楼 发表于: 2012-09-25
非常 感谢!
离线dghfjj
只看该作者 18楼 发表于: 2012-10-28
thanks
离线shangsijiao
只看该作者 19楼 发表于: 2013-04-17
正在学习您的qt+creator系列教程,感觉自己上道儿了,谢谢楼主的分享!
离线jarvis_zh
只看该作者 20楼 发表于: 2013-05-07
谢谢大师
离线xqbu315

只看该作者 21楼 发表于: 2013-11-22
谢谢分享!
快速回复
限100 字节
 
上一个 下一个