Adding items to QlistWidget or QtableWidget

[Nfrancisj]

In my quest to create something like this: https://vimeo.com/110260781

I have an object, a boxLayout, with a few widgets inside- a label, that acts as a image player, a label that shows the frame count, and a slider. I have interactivity setup just like the video where I have mouse over events and timeline start and stop functions.

First of, which should I use? QlistWidget or QtableWidget? or is there something more appropriate for this case?

secondly, how would I go about implementing something like this? How do I add my template/boxLayout to each cell of the table.

Thank You!

[anda_skoa]

As a first try I would go for a QGridLayout on a widget in a QScrollArea.

Cheers,
_

[Nfrancisj]

So this is what I have. I'm trying your last comment Anda, but I'm doing something wrong.
I have a few labels, which I put inside a QGridLayout, and then I'm trying to put it into the scroll area, but I'm getting an error on line 34
The Error says
TypeError: scrollArea.setWidget(QWidget) : argument 1 has unexpected type (QGridLayout)

class ViewerLabel(QLabel):
    def __init__(self, parent=None):
        super(ViewerLabel, self).__init__(parent)
        self.setMouseTracking(True)
        self.setAlignment(Qt.AlignCenter)
 
    def enterEvent(self,event):
        button.setStyleSheet("background-color:#45b545;")
 
    def leaveEvent(self,event):
        button.setStyleSheet("background-color:yellow;")
 
def main():
 
     layout = QGridLayout()
     scrollArea = QScrollArea()
 
    label_01 = ViewerLabel(“label 01”)
    label_02 = ViewerLabel(“label 02”)
    label_03 = ViewerLabel(“label 03”)
    label_04 = ViewerLabel(“label 04”)
    label_05 = ViewerLabel(“label 05”)
    label_06 = ViewerLabel(“label 06”)
 
    layout.addwidget(label_01, 0, 1)
    layout.addwidget(label_02, 0, 2)
    layout.addwidget(label_03, 1, 1)
    layout.addwidget(label_04, 1, 2)
    layout.addwidget(label_05, 2, 1)
    layout.addwidget(label_06, 2, 2)
 
    layout.setSpacing(10)
 
    scrollArea.setWidget(layout)
    window.setLayout(scrollArea)
 
    window.setFixedSize(400,500)
    window.show()
 
    return app.exec_()
 
 
if __name__ == __main__:
    main()

class ViewerLabel(QLabel):
    def __init__(self, parent=None):
        super(ViewerLabel, self).__init__(parent)
        self.setMouseTracking(True)
        self.setAlignment(Qt.AlignCenter)

    def enterEvent(self,event):
        button.setStyleSheet("background-color:#45b545;")

    def leaveEvent(self,event):
        button.setStyleSheet("background-color:yellow;")

def main():

     layout = QGridLayout()
     scrollArea = QScrollArea()

    label_01 = ViewerLabel(“label 01”)
    label_02 = ViewerLabel(“label 02”)
    label_03 = ViewerLabel(“label 03”)
    label_04 = ViewerLabel(“label 04”)
    label_05 = ViewerLabel(“label 05”)
    label_06 = ViewerLabel(“label 06”)

    layout.addwidget(label_01, 0, 1)
    layout.addwidget(label_02, 0, 2)
    layout.addwidget(label_03, 1, 1)
    layout.addwidget(label_04, 1, 2)
    layout.addwidget(label_05, 2, 1)
    layout.addwidget(label_06, 2, 2)

    layout.setSpacing(10)

    scrollArea.setWidget(layout)
    window.setLayout(scrollArea)

    window.setFixedSize(400,500)
    window.show()

    return app.exec_()


if __name__ == __main__:
    main()

To copy to clipboard, switch view to plain text mode 

[anda_skoa]

"layout" is not a QWidget, QScrollArea::setWidget expects one.

Cheers,
_

[Nfrancisj]

Right! I should have know that! Haha. So I need to use .setLayout instead of .setWidget.

Thanks Again!

[Nfrancisj]

Nope...well that didn't work for me either. Now I get an error on window.setLayout because that's expecting a layout, not widget.

So how do I do this? How do I get a GridLayout to work with ScrollArea. I also tried this in the designer, and it kinda didn't work either. I added the scroll to the form, buttons inside the scroll, and set the scroll to GridLayout. The scroll did size with the window, but the scroll bars didn't appear.

[anda_skoa]

Right! I should have know that! Haha. So I need to use .setLayout instead of .setWidget.

No.

setWidget() is correct, it sets the content widget of the scrollarea.
setLayout() would change the layout of the scrollarea, you definitely don't want that.

As I said in my initial reply, add a widget to the scroll area, put the buttons onto that widget using an appropriate layout.

Cheers,
_