GridLayout и VerticalLayout в PyQT5

Question

Я новичок в PyQT5 в Python2.7. Мне нравится иметь Verticle Layout с двумя компонентами. Первая область предназначена для отображения, а вторая - для виджетов управления.

Теперь проблема в том, что (1) виджеты управления расположены не одинаково и (2) первая область требует больше места, чем вторая.

Как я могу это сделать?

Мой код следующий.

class Thread(QThread):
   changePixmap = pyqtSignal(QImage)
   def run(self):
        cap = cv2.VideoCapture(0)
        while True:
            ret, frame = cap.read()
            if ret:
                rgbImage = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
                convertToQtFormat = QImage(rgbImage.data, rgbImage.shape[1], rgbImage.shape[0], QImage.Format_RGB888)
                p = convertToQtFormat.scaled(640, 480, Qt.KeepAspectRatio)
                self.changePixmap.emit(p)


class PlayStreaming(QWidget):
    def __init__(self):
        super(PlayStreaming,self).__init__()
        self.initUI()

    @pyqtSlot(QImage)
    def setImage(self, image):
        self.label.setPixmap(QPixmap.fromImage(image))

    def initUI(self):
        self.setWindowTitle("Image")
        self.setGeometry(100, 100, 600, 400)
        self.resize(1800, 1200)
        # create a label
        self.label = QLabel(self)
        self.label.move(280, 120)
        self.label.resize(640, 480)
        th = Thread(self)
        th.changePixmap.connect(self.setImage)
        th.start()



class UIWidget(QWidget): 



     def __init__(self, parent):   
            super(QWidget, self).__init__(parent)
            self.layout = QVBoxLayout(self)

            # Initialize tab screen
            self.tabs = QTabWidget()
            self.tab1 = QWidget()   
            self.tab2 = QWidget()
            self.tab3 = QWidget()
            self.tabs.resize(800,600) 

            # Add tabs
            self.tabs.addTab(self.tab1,"Face")
            self.tabs.addTab(self.tab2,"Human")
            self.tabs.addTab(self.tab3,"Vehicle")

            # Create first tab
            self.createGridLayout()
            self.tab1.layout = QVBoxLayout(self)
            self.display=PlayStreaming()
            self.tab1.layout.addWidget(self.display)
            self.tab1.layout.addWidget(self.horizontalGroupBox)
            self.tab1.setLayout(self.tab1.layout)

            # Add tabs to widget        
            self.layout.addWidget(self.tabs)
            self.setLayout(self.layout)
     def createGridLayout(self):
            self.horizontalGroupBox = QGroupBox("Control")
            layout = QGridLayout()
            layout.setColumnStretch(2, 3)
            layout.addWidget(QPushButton('Test'),0,0) 
            layout.addWidget(QPushButton('Run'),0,1) 
            layout.addWidget(QPushButton('Set Faces'),0,2) 
            layout.addWidget(QPushButton('Recognize'),1,0) 
            layout.addWidget(QPushButton('Rescale'),1,1) 
            layout.addWidget(QPushButton('FacePose'),1,2)
            self.horizontalGroupBox.setLayout(layout)

Текущий статус

Как я могу это сделать?

Answer 1

Вы должны использовать растяжку для установки весов, по умолчанию растяжка каждого виджета равна 0, поэтому вам просто нужно установить растяжку 1 для self.display. С другой стороны, нет необходимости использовать setColumnStretch(), так как по умолчанию все кнопки будут иметь одинаковый размер:

from PyQt5 import QtCore, QtGui, QtWidgets 
import cv2

class Thread(QtCore.QThread):
   changePixmap = QtCore.pyqtSignal(QtGui.QImage)
   def run(self):
        cap = cv2.VideoCapture(0)
        while True:
            ret, frame = cap.read()
            if ret:
                rgbImage = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
                convertToQtFormat = QtGui.QImage(rgbImage.data, rgbImage.shape[1], rgbImage.shape[0], QtGui.QImage.Format_RGB888)
                p = convertToQtFormat.scaled(640, 480, QtCore.Qt.KeepAspectRatio)
                self.changePixmap.emit(p)


class PlayStreaming(QtWidgets.QWidget):
    def __init__(self):
        super(PlayStreaming,self).__init__()
        self.initUI()

    @QtCore.pyqtSlot(QtGui.QImage)
    def setImage(self, image):
        self.label.setPixmap(QtGui.QPixmap.fromImage(image))

    def initUI(self):
        self.setWindowTitle("Image")
        # create a label
        self.label = QtWidgets.QLabel(self)
        th = Thread(self)
        th.changePixmap.connect(self.setImage)
        th.start()
        lay = QtWidgets.QVBoxLayout(self)
        lay.addWidget(self.label, alignment=QtCore.Qt.AlignCenter)


class UIWidget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        super(UIWidget, self).__init__(parent)
        # Initialize tab screen
        self.tabs = QtWidgets.QTabWidget()
        self.tab1 = QtWidgets.QWidget()   
        self.tab2 = QtWidgets.QWidget()
        self.tab3 = QtWidgets.QWidget()

        # Add tabs
        self.tabs.addTab(self.tab1,"Face")
        self.tabs.addTab(self.tab2,"Human")
        self.tabs.addTab(self.tab3,"Vehicle")

        # Create first tab
        self.createGridLayout()
        self.tab1.layout = QtWidgets.QVBoxLayout()
        self.display = PlayStreaming()
        self.tab1.layout.addWidget(self.display, stretch=1)
        self.tab1.layout.addWidget(self.horizontalGroupBox)
        self.tab1.setLayout(self.tab1.layout)

        # Add tabs to widget        
        layout = QtWidgets.QVBoxLayout(self)
        layout.addWidget(self.tabs)

    def createGridLayout(self):
        self.horizontalGroupBox = QtWidgets.QGroupBox("Control")
        layout = QtWidgets.QGridLayout()
        layout.addWidget(QtWidgets.QPushButton('Test'),0,0) 
        layout.addWidget(QtWidgets.QPushButton('Run'),0,1) 
        layout.addWidget(QtWidgets.QPushButton('Set Faces'),0,2) 
        layout.addWidget(QtWidgets.QPushButton('Recognize'),1,0) 
        layout.addWidget(QtWidgets.QPushButton('Rescale'),1,1) 
        layout.addWidget(QtWidgets.QPushButton('FacePose'),1,2)
        self.horizontalGroupBox.setLayout(layout)


if __name__ == '__main__':
    import sys
    app = QtWidgets.QApplication(sys.argv)
    w = UIWidget()
    w.show()
    sys.exit(app.exec_())