PyQt5 QSpinBox - Adding background image to down arrow for multiple states

PyQt5 QSpinBox - Adding background image to down arrow for multiple states

If you want to add a background image to the down arrow of a QSpinBox in PyQt5 for multiple states (like normal, hovered, pressed), you'll need to use QSS (Qt Style Sheets).

Below is a sample on how you can achieve this:

import sys from PyQt5.QtWidgets import QApplication, QSpinBox, QVBoxLayout, QWidget class CustomSpinBox(QWidget): def __init__(self): super().__init__() layout = QVBoxLayout(self) spinbox = QSpinBox() layout.addWidget(spinbox) # Style the QSpinBox using QSS spinbox.setStyleSheet(""" QSpinBox::down-button { subcontrol-origin: border; subcontrol-position: bottom; height: 20px; } QSpinBox::down-arrow { image: url('path_to_normal_image.png'); } QSpinBox::down-arrow:hover { image: url('path_to_hover_image.png'); } QSpinBox::down-arrow:pressed { image: url('path_to_pressed_image.png'); } """) self.setLayout(layout) if __name__ == '__main__': app = QApplication(sys.argv) window = CustomSpinBox() window.show() sys.exit(app.exec_())

Replace 'path_to_normal_image.png', 'path_to_hover_image.png', and 'path_to_pressed_image.png' with your own image paths.

  • QSpinBox::down-arrow: Targets the down arrow of the spin box.
  • :hover: Specifies the hover state.
  • :pressed: Specifies the pressed state.

Using the above QSS, the down arrow of the QSpinBox will display different images depending on its state.

More Tags

jwt activation bounds singleton photokit sniffing server-side-rendering android-actionbar-compat cpu wpftoolkit

More Programming Guides

Other Guides

More Programming Examples