Insert widget inside an other widget

[SGaist]

Hi and welcome to devnet,

Why are you putting a layout on a QListWidget ?

[SangreSan]

@SGaist i want to insert a QLineEdit and a button into QListWidget. Button is needed to add items to the QListWidget. QLineEdit is needed to search for items in QListWidget.

[SGaist]

It would be cleaner to put the line edit on top of the QListWidget and the add button under its bottom.

QListWidget is typically a widget used within a layout and not with a layout on it.

[SangreSan]

@SGaist Your suggestion is logical, but I need the same design as in the picture.

[SGaist]

I that case you are likely better off by positioning them manually rather than in a widget. Use the resize event of your QTableWidget to position them correctly with regard to the size of it.

[SangreSan]

@SGaist I do not understand what you mean. Can you please give some example?

[SGaist]

Do not use a layout and position the widgets by hand using its geometry.

[SangreSan]

@SGaist well, i did it (i removed the layout), but this implementation also has graphic bugs.

class QList(QtWidgets.QListWidget):
    def __init__(self, *args, **args2):
        super(QList, self).__init__(*args, **args2)
        self.button = QtWidgets.QPushButton('Test', parent=self)

    def resizeEvent(self, event):
        self.button.move(100, 100)

[SGaist]

Don't forget to call the base class implementation of the methods you overload.

[SangreSan]

@Denni-0 It seems that I did such an implementation. but if it’s not difficult for you, show your implementation.

I also found another way using qgraphicsview:

from PyQt5.QtWidgets import (qApp,QMainWindow, QApplication,
QGraphicsScene,QGraphicsView, QListWidget, QLineEdit, QPushButton)
from PyQt5.QtCore import Qt,QRectF
 
 
class View(QMainWindow):
    def __init__(self):
        super().__init__()
        self.scene = QGraphicsScene()
        self.view = QGraphicsView(self.scene)
        self.setCentralWidget(self.view)
        lst = QListWidget()
        lst.addItems([str(i) for i in range(100,200)])
        lst.setAlternatingRowColors(True)
        line = QLineEdit()
        btn = QPushButton('+')
        self.proxyList = self.scene.addWidget(lst)   
        self.proxyLine = self.scene.addWidget(line)
        self.proxyBtn = self.scene.addWidget(btn)
    
    def resizeEvent(self,e):
        w,h = self.view.width(),self.view.height()
        self.view.setSceneRect(0,0,w,h)
        self.proxyList.setGeometry(QRectF(0,0,w,h))   
        self.proxyLine.setGeometry(QRectF(w - 210,10,200,20)) 
        self.proxyBtn.setGeometry(QRectF(w - 50,h - 30,20,20))
 
    def closeEvent(self,e):
        qApp.quit()
        
if __name__ == '__main__':
    import sys
    app = QApplication([])
    w = View()
    w.resize(800,600)
    w.show()
    sys.exit(app.exec_())

This implementation has a boundary line around the button:

[SangreSan]

@SangreSan I solved the problem with displaying the button through setstylesheet:

QPushButton#addButton {
    background-color: rgba(134, 134, 134, 0.3);
    border-style: outset;
    border-width: 2px;
    border-color: rgba(20, 20, 20, 0.3);
    color: white;
}
 
QPushButton::pressed#addButton {
    background-color: rgba(0, 0, 0, 0.3);
    border-style: outset;
    border-width: 2px;
    border-color: rgba(20, 20, 20, 0.3);
    color: white;
}