Search code examples
pythonpyqt4toggleqcomboboxqradiobutton

Updating a PyQt QLabel when a QRadioButton associated with a QComboBox is toggled


I have a QPixmap within a QLabel that is changed based on a QComboBox selection. For example, the combobox may have a selection of fruits (e.g., 'apple', 'orange', 'banana'). If I choose 'apple' an image of an apple is displayed in the QLabel. I further want the image of the apple to change to a "special" image of an apple depending on whether a QRadioButton is toggled. Once I de-toggle the radio button the image should revert to the standard apple image. Currently I have it partially functional: if the radio button is toggled 'on' prior to selecting the combobox option, the image is displayed as desired; if, however, I toggle the radio button 'on' after selecting the combobox option only the standard image is displayed. Similarly, if I have the special image displayed and de-toggle the radio button, the image does not revert to the standard image.

I assume this has something to do with the "toggled()" method, but not sure how to implement it.

self.fruit_list = ['apple', 'orange', 'banana']

self.fruit_combo = QtGui.QComboBox()
self.fruit_combo.addItems(self.fruit_list)

self.btn = QtGui.QRadioButton("btn")

self.fruit_image = QtGui.QLabel(self)
self.grid.addWidget(self.fruit_image, 1, 1) 
self.fruit_combo.currentIndexChanged[str].connect(lambda: 
                  self.image_update(self.fruit_combo, self.fruit_image, self.btn)

def image_update(self, qcombobox, qlabel, btn):
    image_path ="c :/images"
    current_item = str(qcombobox.currentText())
    if btn.isChecked():
       current_image = '%s/%s_special.jpg' %(image_path, current_item)
    else:
       current_image = '%s/%s.jpg' %(image_path, current_item)
    qlabel.setPixmap(QtGui.QPixmap(current_image))

Thanks


Solution

  • @zachn, you are correct, the problem is concerning toggled- more specific, it is the toggled signal that you need to connect to: http://doc.qt.io/qt-5/qabstractbutton.html#toggled

    Try doing this:

    import partial
    self.btn.toggled.connect(partial (self.image_update, self.fruit_combo, self.fruit_lbl, self.btn))
    

    EDIT: for @furas, here is some sample code, where I did not use images, only text to show changes in the QLabel. Note that I kept the method name image_update() even though it should be text_update(). (I coded this in Qt5, if used in Qt4 replace QtWidgets with QtGui)

    class SomeFrame(object):
        def __init__(self):
            # Assets
            fruit_list = ['apple', 'orange', 'banana']
    
            # Creating content 
            self.frame = QtWidgets.QFrame()
            self.fruit_combo = QtWidgets.QComboBox()
            self.fruit_combo.addItems(fruit_list)
            self.btn = QtWidgets.QRadioButton("btn")
    
            self.fruit_lbl = QtWidgets.QLabel()
    
            # Creating Layout
            layout = QtWidgets.QHBoxLayout()
            layout.addWidget(self.fruit_lbl)
            layout.addWidget(self.btn)
            layout.addWidget(self.fruit_combo)
            self.frame.setLayout(layout)
    
            # Initialize text in fruit_lbl
            self.image_update(self.fruit_combo, self.fruit_lbl, self.btn)
            self.frame.show()
    
            # Connections
            self.fruit_combo.currentIndexChanged[str].connect(lambda: self.image_update(self.fruit_combo, self.fruit_lbl, self.btn))
            self.btn.toggled.connect(partial (self.image_update, self.fruit_combo, self.fruit_lbl, self.btn))
    
        def image_update(self, qcombobox, qlabel, btn):
            current_item = str(qcombobox.currentText())
            if btn.isChecked():
                new_text = 'CHECKED: %s' % current_item
            else:
                new_text = 'UNCHECKED: %s' % current_item
            qlabel.setText(new_text)
    
    if __name__ == "__main__":
        from PyQt5 import QtWidgets
        import sys
        from functools import partial
    
        app = QtWidgets.QApplication(sys.argv)         
        theFrame = SomeFrame()
        sys.exit(app.exec_())