dxfans的个人主页

http://www.qtcn.org/bbs/u/119684  [收藏] [复制]

dxfans

www.hnmade.com

  • 27

    关注

  • 81

    粉丝

  • 616

    访客

  • 等级:侠客
  • 总积分:218
  • 男,1985-05-08

最后登录:2015-03-05

更多资料

日志

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

2012-05-29 12:34
摘自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界面的例子。摘自Qt开发者驿站


分类:默认分类|回复:0|浏览:2154|全站可见|转载
 

Powered by phpwind v8.7 Certificate Copyright Time now is:03-29 07:42
©2005-2016 QTCN开发网 版权所有 Gzip disabled