Qt使用布局管理器实现扩展对话框

长平狐 发布于 2012/11/06 18:08
阅读 688
收藏 0
Qt

最近一直在忙项目,有段时间没写博客了;今天跟大家讲讲扩展对话框的实现;扩展对话框效果如下所示:

(1)初始界面:

(2)单击<More>按钮:

(3)再次单击<More>按钮:

这节主要讲解用布局管理器方式实现,下节讲解用手动进行部件定位的方式实现:

1、用Qt Creator新建一个QDialog的主窗口,然后使用Qt Designer往上面拖动一些基本部件即可,在这个例子中,我使用了一个进度条,一个文本标签,两个按钮,以及一个QListWidget;其中进度条表示任务的操作进度,文本标签则实时显示任务的操作描述,如正在进行CRC验证、正在写文件等,一个OK按钮用于关闭对话框,一个More按钮用于显示和隐藏QListWidget的高度部分;最后设计成的UI如下图所示:

下面就要对这些部件进行布局设置了;OK和More按钮使用水平布局,其中该布局中间再加上一个水平的Spacer,然后再对主对话框使用垂直布局即可。为了使OK按钮和More按钮更向里靠拢些,设置水平布局的layoutLeftMargin和layoutRightMargin属性值,我设置为20,布局结果如下图所示:

2、设置主对话框布局的大小约束为SetFixedSize;布局管理器的大小约束属性解释如下所示:

然后设置进度条的最小宽度即可。

3、 连接信号和槽函数
在OK按钮的槽函数中关掉该窗口;在More按钮的槽函数中对是否按下进行判断,如果按下了,就显示QListWidget,否则,就隐藏QListWidget;因为改变布局管理器中项后,布局管理器会重新计算布局信息。

4、 美化窗口
美化窗口我就不再讲解了,包括圆角窗口,窗口背景以及按钮样式等,请各位参考我用Qt实现360界面的例子。

我把二进制文件打包供下载,希望大家提出意见,有什么不对的地方望指教;下载地址为:文件下载


原文链接:http://www.cnblogs.com/appsucc/archive/2012/05/29/2522897.html
加载中
返回顶部
顶部