博客

PyQt5组合框 按压时的皮肤

  • Post category:Python

Python的PyQt5库提供了丰富的UI组件，其中包括了组合框（QComboBox）。在PyQt5中，可以使用StyleSheet来设置QComboBox的按压时的皮肤。

下面是设置组合框按压时皮肤的一般步骤：

  1. 创建QComboBox对象：使用QComboBox()函数创建一个QComboBox对象，例如：
combo = QComboBox()
  1. 使用addItem()函数添加下拉框的选项：使用addItem()函数向QComboBox对象添加选项。例如： 
combo.addItem("Option 1")
combo.addItem("Option 2")
  1. 使用setStyleSheet()函数设置QComboBox的样式：使用setStyleSheet()函数来设置QComboBox对象的样式，例如：
combo.setStyleSheet("QComboBox::drop-down:hover{background-color: blue}")
  1. 显示QComboBox：最后需要将QComboBox对象显示出来，如：
combo.show()

接下来，我们可以通过两个简单的示例来说明如何设置QComboBox的按压时的皮肤。

示例1：设置组合框按压时背景颜色

下面的代码演示如何设置组合框按压时的背景颜色为黄色。

from PyQt5.QtWidgets import QApplication, QWidget, QComboBox
import sys

class Example(QWidget):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('QComboBox Example')

        combo = QComboBox(self)
        combo.addItem('Option 1')
        combo.addItem('Option 2')
        combo.setStyleSheet('QComboBox::drop-down:hover{background-color: yellow}')
        combo.move(50, 50)
        combo.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

运行以上代码，会显示一个含有两个选项的组合框，当鼠标指针移到下拉箭头上时，下拉箭头会变成黄色的背景颜色。

示例2：设置组合框按压时文字颜色

下面的代码演示如何设置组合框按压时的文字颜色为红色。

from PyQt5.QtWidgets import QApplication, QWidget, QComboBox
import sys

class Example(QWidget):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        self.setGeometry(300, 300, 300, 200)
        self.setWindowTitle('QComboBox Example')

        combo = QComboBox(self)
        combo.addItem('Option 1')
        combo.addItem('Option 2')
        combo.setStyleSheet('QComboBox QAbstractItemView::item:selected{color: red}')
        combo.move(50, 50)
        combo.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

运行以上代码，会显示一个含有两个选项的组合框，当选中某个选项时，选项文字颜色会变成红色。

Tags: