QStackedWidget及QStackedLayout使用方法

转自：http://hi.baidu.com/topone_top/item/4511e790f2beaa9a58146190

QStackedLayout类把子控件进行分组或者分页，一次只显示一组或者一页，隐藏其他组或者页上的控件。QStackedLayout本身并不可见，对换页也不提供本质的支持。图6.5中的建头和黑灰色的框架是Qt Designer提供为了方便设计。为了方便起见，Qt还提供了类QStackedWidget，这个类的布局管理器为QStackedLayout。Figure 6.5. QStackedLayout   起始页为0。为使某一个子控件可见，指定一个页号，调用setCurrentIndex()。一个子控件的页号有函数indexOf()得到。图6-6是一个Preferences对话框，以它为例说明QStackedLayout的用法。这个对话框的左边是一个QListWidet控件，右边为一个QStackedLayout。QListWidget中的每一项对应QStackedLayout中的一页。下面是这个类的构造函数的代码：PreferenceDialog::PreferenceDialog(QWidget *parent)    : QDialog(parent){    ...    listWidget = new QListWidget;    listWidget->addItem(tr("Appearance"));    listWidget->addItem(tr("Web Browser"));    listWidget->addItem(tr("Mail & News"));    listWidget->addItem(tr("Advanced"));    stackedLayout = new QStackedLayout;    stackedLayout->addWidget(appearancePage);    stackedLayout->addWidget(webBrowserPage);    stackedLayout->addWidget(mailAndNewsPage);    stackedLayout->addWidget(advancedPage);    connect(listWidget, SIGNAL(currentRowChanged(int)),            stackedLayout, SLOT(setCurrentIndex(int)));    ...    listWidget->setCurrentRow(0);}Figure 6.6. Two pages of the Preferences dialog  我们创建一个QListWidget，它的每一项为一个控件页的名字。然后我们创建一个QStackedLayout，调用addWidget()把每一页的控件加入到布局中。连接QListWidget的信号currentRowChanged(int)和QStackedLayout的函数setCurrentIndex(int)连接，改变QListWidget的当前项时换页。最后调用QListWidget把开始页设置为0。这样的对话框使用Qt Designer会更加简单：1.         用“Dialog”或者“Widget”模板创建一个窗体、2.         在窗体上增加一个QListWidget和一个QStackedWidget控件。3.         给每一页添加子控件，子控件按布局排列好（右击QStackedWidget控件，选择Insert Page菜单便可创建一个新页。点击右上角的左右键头，可以在页和页之间切换）。4.         把QListWidget和QStackedWidget用水平布局管理。5.         连接QListWidget控件的currentRowChanged(int)信号和QStackedWidget控件的槽setCurrentIndex(int)。6.         设置当前QListWidget控件的currentRow属性为0。在Qt Designer中预览时，点击列表控件中不同的项目，窗体就会换为不同的页。