How to set width QVboxLayout

Question

import sys
from PySide2.QtCore import *
from PySide2.QtGui import *
from PySide2.QtWidgets import QApplication,QDialog,QPushButton,QVBoxLayout,QWidget


class Main(QDialog):
    def __init__(self):
        super(Main, self).__init__()
        self.ui()

    # Group Of Drage Event
    def mousePressEvent(self,event):
        self.offset = event.pos()

    def mouseMoveEvent(self, e):
        x = e.globalX()
        y = e.globalY()
        x_w = self.offset.x()
        y_w = self.offset.y()
        self.move(x - x_w, y - y_w)

    def ui(self):
        # TitleBar
        self.setWindowFlags(Qt.FramelessWindowHint)

        # Window Size
        self.setGeometry(600,300,400,500)

        # Window Background Color
        self.BackGroundColor = QPalette()
        self.BackGroundColor.setColor(QPalette.Background, QColor(255,255,255))
        self.setPalette(self.BackGroundColor)

        # NavBar Button
        self.btn = QPushButton('Test',self)
        self.btn1 = QPushButton("Test1",self)

        # NavBar Layout
        self.layout = QVBoxLayout(self)
        self.layout.addWidget(self.btn)
        self.layout.addWidget(self.btn1)
        self.layout.set
        self.setLayout(self.layout)

        # Close img
        self.closeBtn = QPushButton(self)
        self.closeBtn.setGeometry(368,0,32,32)
        self.closeBtn.setFlat(True)
        self.closeBtn.setStyleSheet('QPushButton{background-color: rgba(0,0,0,0.0)}')
        self.closeBtn.setIcon(QIcon('img/close.png'))
        self.closeBtn.setIconSize(QSize(10,10))
        self.closeBtn.clicked.connect(QCoreApplication.instance().quit)

        # Maximize icon
        self.maxBtn = QPushButton(self)
        self.maxBtn.setGeometry(self,336,0,32,32)
        self.maxBtn.setFlat(True)
        self.maxBtn.setStyleSheet('QPushButton{background-color: rgba(0,0,0,0.0)}')
        self.maxBtn.setIcon(QIcon('img/max.png'))
        self.maxBtn.setIconSize(QSize(14,14))

        # Minimize Incon
        self.minBtn = QPushButton(self)
        self.minBtn.setGeometry(304,0,32,32)
        self.minBtn.setFlat(True)
        self.minBtn.setStyleSheet('QPushButton{background-color: rgba(0,0,0,0.0)}')
        self.minBtn.setIcon(QIcon('img/min.png'))
        self.minBtn.setIconSize(QSize(10,10))


def main():
    app = QApplication()
    win = Main()
    win.show()
    app.exec_()

if __name__ == "__main__":
    main()

I want to fixed navbar on the left. So, I create instance of QVBoxLayout and add widget to my Layout. and I had searched google, stackoverflow. i Don't get any information about my problem

but I don't know how to set layout widget. please teach me. Thank you.

if you don't understand my text please tell me i will describe that

Version:

PySide 5.14.2.1
Python 3.7.7

user_6622587 · Answer

The layouts are not visual elements, so they do not have any geometric element associated with them, such as the width size, the layout is a handle of size and positions.

In this case the solution is to establish a container with a fixed size and in that container place the buttons with the help of a layout:

class Main(QDialog):
    def __init__(self):
        super(Main, self).__init__()
        self.ui()

    # Group Of Drage Event
    def mousePressEvent(self, event):
        self.offset = event.pos()

    def mouseMoveEvent(self, e):
        x = e.globalX()
        y = e.globalY()
        x_w = self.offset.x()
        y_w = self.offset.y()
        self.move(x - x_w, y - y_w)

    def ui(self):
        # TitleBar
        self.setWindowFlags(Qt.FramelessWindowHint)

        # Window Size
        self.setGeometry(600, 300, 400, 500)

        # Window Background Color
        self.BackGroundColor = QPalette()
        self.BackGroundColor.setColor(QPalette.Background, QColor(255, 255, 255))
        self.setPalette(self.BackGroundColor)

        # NavBar Button
        self.btn = QPushButton("Test")
        self.btn1 = QPushButton("Test1")

        left_container = QWidget(self)
        left_container.setFixedWidth(100)
        # NavBar layout
        self.layout = QVBoxLayout(left_container)
        self.layout.addWidget(self.btn)
        self.layout.addWidget(self.btn1)

        hlay = QHBoxLayout(self)
        hlay.addWidget(left_container)
        hlay.addStretch()

        # Close img
        self.closeBtn = QPushButton(self)
        self.closeBtn.setGeometry(368, 0, 32, 32)
        self.closeBtn.setFlat(True)
        self.closeBtn.setStyleSheet("QPushButton{background-color: rgba(0,0,0,0.0)}")
        self.closeBtn.setIcon(QIcon("img/close.png"))
        self.closeBtn.setIconSize(QSize(10, 10))
        self.closeBtn.clicked.connect(QCoreApplication.instance().quit)

        # Maximize icon
        self.maxBtn = QPushButton(self)
        self.maxBtn.setGeometry(336, 0, 32, 32)
        self.maxBtn.setFlat(True)
        self.maxBtn.setStyleSheet("QPushButton{background-color: rgba(0,0,0,0.0)}")
        self.maxBtn.setIcon(QIcon("img/max.png"))
        self.maxBtn.setIconSize(QSize(14, 14))

        # Minimize Incon
        self.minBtn = QPushButton(self)
        self.minBtn.setGeometry(304, 0, 32, 32)
        self.minBtn.setFlat(True)
        self.minBtn.setStyleSheet("QPushButton{background-color: rgba(0,0,0,0.0)}")
        self.minBtn.setIcon(QIcon("img/min.png"))
        self.minBtn.setIconSize(QSize(10, 10))

How to set width QVboxLayout

1 Answers