QStackedWidget及QStackedLayout使用方法

QStackedLayout类把子控件进行分组或者分页,一次只显示一组或者一页,隐藏其他组或者页上的控件。QStackedLayout本身并不可见,对换页也不提供本质的支持。图6.5中的建头和黑灰色的框架是Qt Designer提供为了方便设计。为了方便起见,Qt还提供了类QStackedWidget,这个类的布局管理器为QStackedLayout。Figure 6.5. QStackedLayoutQStackedWidget及QStackedLayout使用方法_第1张图片   起始页为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 dialogQStackedWidget及QStackedLayout使用方法_第2张图片  我们创建一个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中预览时,点击列表控件中不同的项目,窗体就会换为不同的页。


你可能感兴趣的:(QStackedWidget及QStackedLayout使用方法)