Pyqt QStackedWidget堆栈窗体

转载地址： http://blog.csdn.net/a649518776/article/details/6636578

 

下面用代码实现上面窗口的设计

 

 1 # -*- coding: utf-8 -*-

 2 from PyQt4.QtGui import *

 3 from PyQt4.QtCore import *

 4 import sys

 5 

 6 QTextCodec.setCodecForTr(QTextCodec.codecForName("utf8"))

 7 class Stacked(QDialog):

 8     def __init__(self, parent=None):

 9         super(Stacked, self).__init__(parent)

10         self.setWindowTitle(self.tr("StackedWidget"))

11 

12         leftlist = QListWidget(self)

13         leftlist.insertItem(0, 'window1')

14         leftlist.insertItem(1, 'window2')

15         leftlist.insertItem(2, 'window3')

16 

17         label1 = QLabel('windowTest1\n11111111 ')

18         label2 = QLabel('windowTest2\n22222222 ')

19         label3 = QLabel('windowTest3\n33333333 ')

20 

21         stack = QStackedWidget(self)

22         stack.addWidget(label1)

23         stack.addWidget(label2)

24         stack.addWidget(label3)

25 

26         mainLayout = QHBoxLayout(self)

27         mainLayout.setMargin(5)  # 对话框边距设为5 Margin 边距  5px

28         mainLayout.setSpacing(5)  # 内部控件间距为5 Spacing间距  5px

29         mainLayout.addWidget(leftlist)

30         mainLayout.addWidget(stack, 0, Qt.AlignHCenter)

31         mainLayout.setStretchFactor(leftlist, 1)

32         mainLayout.setStretchFactor(stack, 3)  # 设定了list与stack比例为1:3。

33         self.connect(leftlist, SIGNAL('currentRowChanged(int)'), stack, SLOT('setCurrentIndex(int)'))

34 

35 

36 if __name__ == '__main__':

37     app = QApplication(sys.argv)

38     main = Stacked()

39     main.show()

40     app.exec_()

 

效果：

 

解析：

1.这里的程序是，选中左边列表框内的内容，显示相应的窗体。

2.所以，第一步是初始化列表框QListWidget。

3.第二步新建堆栈窗体：

stack = QStackedWidget(self)

然后将三个相应的label放入其中：

        stack.addWidget(label1)

        stack.addWidget(label2)

        stack.addWidget(label3)

4.设置主窗体布局时，用到了布局管理器。这里用到的是水平排列窗体QHBoxLayout：

mainLayout = QHBoxLayout(self)

这个布局管理器用法为： 

mainLayout.setMargin(5)  # 对话框边距设为5 Margin 边距  5px

mainLayout.setSpacing(5)  # 内部控件间距为5 Spacing间距  5px

setStetchFactor函数

mainLayout.setStretchFactor(leftlist, 1)

mainLayout.setStretchFactor(stack, 3)  # 设定了list与stack比例为1:3。

5.设定消息相应的信号与槽：

self.connect(leftlist, SIGNAL('currentRowChanged(int)'), stack, SLOT('setCurrentIndex(int)'))