PyQt5组合框 按压时的不同边框尺寸

首先需要了解的是，在PyQt5中，组合框（QComboBox）有三种状态：正常状态、悬停状态和按下状态。当组合框处于按下状态时，它的边框尺寸会发生变化，以响应用户的交互操作。

PyQt5允许我们通过StyleSheet（样式表）来自定义组合框的外观。来看一个基本的样式表示例：

comboBox = QComboBox()
comboBox.setStyleSheet('''
    QComboBox::drop-down {{
        border: 1px solid gray;
        border-radius: 3px;
    }}
    QComboBox::down-arrow {{
        image: url(down-arrow.png);
        width: 10px;
        height: 10px;
    }}
    QComboBox::down-arrow:hover {{
        image: url(down-arrow-active.png);
    }}
''')

以上代码通过设置comboBox的样式表，为其添加了一个灰色的下拉框边框和一个下箭头图标，同时也定义了当鼠标悬停在箭头图标上方时，展示下拉框颜色变化的效果。

要实现组合框按压时的不同边框尺寸，我们只需根据不同状态分别设置样式表即可。以下是一种常见的做法：

comboBox = QComboBox()
comboBox.setStyleSheet('''
    QComboBox::drop-down {{
        border: 1px solid gray;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }}
    QComboBox::down-arrow {{
        image: url(down-arrow.png);
        width: 10px;
        height: 10px;
    }}
    QComboBox::drop-down:hover, QComboBox::drop-down:focus {{
        border: 1px solid blue;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }}
    QComboBox::down-arrow:hover {{
        image: url(down-arrow-active.png);
    }}
''')

上述样式表在设置组合框下拉框和箭头的样式后，为其添加了悬停和按下状态的样式。当鼠标悬停或按下时，会将下拉框边框的颜色改为蓝色，同时也保留原有的圆角效果。

下面来看一个更加复杂的示例，其中包含了多个组合框和涉及更多的样式表控制：

comboBox1 = QComboBox()
comboBox2 = QComboBox()
comboBox3 = QComboBox()

comboBox1.addItems(['Option1', 'Option2', 'Option3'])
comboBox2.addItems(['Option1', 'Option2', 'Option3'])
comboBox3.addItems(['Option1', 'Option2', 'Option3'])

comboBox1.setStyleSheet('''
    QComboBox {{
        border: 1px solid gray;
        border-radius: 3px;
        padding: 1px 18px 1px 3px;
        min-width: 6em;
    }}
    QComboBox:hover {{
        border: 1px solid blue;
    }}
    QComboBox::drop-down {{
        subcontrol-origin: padding;
        subcontrol-position: top right;
        width: 15px;
        border-left-width: 1px;
        border-left-color: gray;
        border-left-style: solid;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }}
    QComboBox::down-arrow {{
        image: url(down-arrow.png);
        width: 10px;
        height: 10px;
    }}
    QComboBox::down-arrow:hover {{
        image: url(down-arrow-active.png);
    }}
''')

comboBox2.setStyleSheet('''
    QComboBox {{
        border: 1px solid gray;
        border-radius: 3px;
        padding: 1px 18px 1px 3px;
        min-width: 6em;
    }}
    QComboBox:hover {{
        border: 1px solid blue;
    }}
    QComboBox::drop-down {{
        subcontrol-origin: content;
        subcontrol-position: top right;
        width: 15px;
        border-left-width: 1px;
        border-left-color: gray;
        border-left-style: solid;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }}
    QComboBox::down-arrow {{
        image: url(down-arrow.png);
        width: 10px;
        height: 10px;
    }}
    QComboBox::down-arrow:hover {{
        image: url(down-arrow-active.png);
    }}
''')

comboBox3.setStyleSheet('''
    QComboBox {{
        border: 1px solid gray;
        border-radius: 0px;
        padding: 1px 18px 1px 3px;
        min-width: 6em;
        color: white;
        background-color: gray;
    }}
    QComboBox:hover {{
        border: 1px solid blue;
    }}
    QComboBox::drop-down {{
        subcontrol-origin: content;
        subcontrol-position: top right;
        width: 15px;
        border-left-width: 1px;
        border-left-color: gray;
        border-left-style: solid;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        background-color: gray;
    }}
    QComboBox::down-arrow {{
        image: url(down-arrow-white.png);
        width: 10px;
        height: 10px;
    }}
    QComboBox::down-arrow:hover {{
        image: url(down-arrow-white-active.png);
    }}
''')

grid = QGridLayout()
grid.addWidget(comboBox1, 0, 0)
grid.addWidget(comboBox2, 1, 0)
grid.addWidget(comboBox3, 2, 0)

mainWidget = QWidget()
mainWidget.setLayout(grid)
mainWidget.show()

以上代码创建了三个带有不同样式的组合框，并使用网格布局将它们放置在了主窗口中。值得注意的是，这些样式表的属性之间互相独立，它们而并没有去定义悬停和按下的状态，这是因为这些状态会自动根据正常状态的样式进行继承和处理。