qt gridlayout 跨越多列

Question

我正在尝试创建这个几何图形：

 _ ___
| |   |
|1| 3 |
|_|___|
  |_2_|

盒子 1 又高又瘦，而盒子 2 又矮又宽。我不能完全正确的布局。当我将 1 和 2 的 rowSpan 和 columnSpan 从 0 更改为 1 时，我看到底部框处于正确的相对位置，但高度错误，框 1 的宽度错误。

这个 so qq 帮助了但没有完全解决我的问题：How to arrange the items in QGridLayout as shown?

import sys
from PyQt4 import QtGui
class Example(QtGui.QWidget):
    def __init__(self):
        super(Example, self).__init__()
        self.initUI()

    def initUI(self):
        textEdit1 = QtGui.QTextEdit("LHS rectangle")      
        textEdit2 = QtGui.QTextEdit("Bottom rectangle")      
        textEdit3 = QtGui.QTextEdit("Central square")      
        self.gridLayout = QtGui.QGridLayout()
        self.gridLayout.addWidget(textEdit1, 0, 0, 2, 0) 
        self.gridLayout.addWidget(textEdit2, 2, 1, 0, 2)
        self.gridLayout.addWidget(textEdit3, 0, 1, 2, 2) 
        self.setLayout(self.gridLayout)
        self.show()

def main():
    app = QtGui.QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

if __name__ == '__main__':
    main()

Answer 1

您需要设置适当的拉伸因子来改变每个 row/column:

的 space 数量

    self.gridLayout.addWidget(textEdit1, 0, 0)
    self.gridLayout.addWidget(textEdit2, 1, 1)
    self.gridLayout.addWidget(textEdit3, 0, 1)
    self.gridLayout.setColumnStretch(0, 1)
    self.gridLayout.setColumnStretch(1, 3)
    self.gridLayout.setRowStretch(0, 3)
    self.gridLayout.setRowStretch(1, 1)

结果：

qt gridlayout 跨越多列

qt gridlayout spanning multiple columns

qt

pyqt

pyqt4

pyqt5