Tanky WooRSS

QUiLoader:彻底分离你的Ui设计工作(含例子)

10 Jun 2011
这篇博客是从旧博客 WordPress 迁移过来,内容可能存在转换异常。

转载的~~~~

因为在qtdemo上看见了一个类似的样例,所以顺便学了这个,等会把相关样例拿出来分析一下。


** 

本站所有文章由本站和原作者保留一切权力,仅在保留本版权信息、原文链接、原文作者的情况下允许转载,转载请勿删改原文内容, 并不得用于商业用途。 谢谢合作。

原文链接:QUiLoader:彻底分离你的Ui设计工作(含例子)

**

Trolltech提供的界面所见即所得工具designer极大的简化了开发者花费在UI布局上的时间。但一部分喜欢在终端上开发的工程师认为拖拖拉拉这种伎俩实在是”雕虫小技,壮夫不为“也。即使专门的界面设计师为他设计.ui文件的话,他也嫌来来回回的重新编译麻烦。乐于自己通过QLayout手写代码进行设计。

那么QUiLoader这个工具,则可以真正做到程序师和界面师做到“鸡犬相闻,不相往来”, .ui文件不需要重新编译,就可以被程序加载,生成新的外观。

我们来看QUiLoader的实用方法 QUiLoader loader; QFile file(“cuteqt.ui”); file.open(QFile::ReadOnly); QWidget *formWidget = loader.load(&file, this); 通过load函数即可根据.ui文件创建出一个对应的QWidget对象,后面的this指针是QWidget *类型的,你可以用其它窗体去作为formWidget的父窗体。父窗体被显示的时候,该formWidget窗体就会被显示,当然更好的方法是用一个QLayout来管理formWidget,因为父窗体可能不止一个子窗体。

如果你还想对cuteqt.ui中的那些子窗体信号作处理,那么可以用qFindChild去找到它们。 uisetButton = qFindChild(this, “setButton”); uiclearButton = qFindChild(this, “clearButton”); ui_textEdit = qFindChild(this, “textEdit”);

比如你可以用 connect(uisetButton,SIGNAL(clicked()),this,SLOT(setButtonClicked()));处理uisetButton的clicked()信号。 但拜元对象机制所赐,还有一劳永逸的方法 QMetaObject::connectSlotsByName(this);该函数会将this的所有子对象都连接上一个槽(slot),槽的命名规范为 on对象名信号名,比如上面的setButton的clicked(),将会生成一个onsetButtonclicked()的槽,你只要实现该槽函数就可以了。

怎样,动态加载.ui文件的方法是不是很简单?而且这样做的好处至少有两个 1. 前期的设计会更准确,程序师和界面师只要协商好有哪些对象就可以分头工作了,彼此互不依赖 2. 界面可以独立于应用发布

下面是我的一个小例子。设计了两个ui,界面分别为 snap1snap2

在想用界面1的时候,只要 cp cuteqt.ui.1 cuteqt.ui 然后运行./uiloader即可 同理,在想用界面2的时候,只要 cp cuteqt.ui.2 cuteqt.ui 然后运行./uiloader即可 这中间不需要改动你的代码~ 源码下载