PyQt5 QComboBox 改变可编辑和开启状态下的边框样式

介绍

在PyQt5中，QComboBox（下拉列表框）既可以是一个可编辑的文本框，也可以是一个选择框。当下拉列表框被作为可编辑的文本框使用时，我们有时希望能够控制边框样式，甚至更改其开启和可编辑状态下的样式。下面是如何在PyQt5中实现这个目标的攻略。

步骤

1. 创建下拉列表框

self.combo_box = QComboBox(self)
self.combo_box.addItems(["item1", "item2", "item3"])

这将创建一个包含三个选项（item1，item2和item3）的下拉列表框，并将其添加到一个QWidget（可能是窗口）的布局中。

1. 提供未编辑下的QComboBox样式

在QComboBox处于未编辑状态下，您可以将其外观通过CSS样式表来设置。以下是一个示例：

self.combo_box.setStyleSheet("""
                    QComboBox {
                        border: 1px solid gray;
                        border-radius: 3px;
                        padding: 1px 18px 1px 3px;
                        min-width: 6em;
                    }

                    QComboBox:editable {
                        background: white;
                    }

                    QComboBox:!editable, QComboBox::drop-down:editable {
                        background:white;
                        color: gray;
                        /* transition: border-color .2s ease-in-out; */
                    }

                    QComboBox:!editable:on, QComboBox::drop-down:editable:on {
                        /* background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                    stop: 0 #fff, stop: 1 #ddd);*/
                        /*  top: 1px;
                        left: 1px; */
                    }

                    QComboBox:on { /* shifted */
                        padding-top: 3px;
                        padding-left: 4px;
                        background: white;
                        color: black;
                        }
                """)

其中，QComboBox是最基本的样式设置，QComboBox:editable表示下拉框为可编辑状态时的样式，QComboBox:!editable, QComboBox::drop-down:editable表示下拉框不可编辑时、以及弹出框角落的样式设置（color是文本的颜色）。

1. 提供编辑后的QComboBox样式

您可以使用setStyleSheet()方法来更改QComboBox的样式。以下代码演示如何在编辑状态下更改其样式：

self.combo_box.lineEdit().setStyleSheet("border: 2px solid red")

在上面的示例中，我们使用了lineEdit()方法来获取QComboBox中的文本框并将其样式改为border: 2px solid red。

注意，这将仅将QComboBox的文本框的边框变为红色边框，而不会影响下拉部分的样式。

1. 改变可编辑和开启状态下的QComboBox样式

您可以根据编辑状态和开启状态，使用setStyleSheet()方法设置QComboBox的样式。以下代码演示如何在两种状态下修改QComboBox的样式：

style_str = 'QComboBox:!editable {background-color: white;}\n' \
                   'QComboBox::drop-down:!editable {background-color: lightgray;}\n' \
                   'QComboBox:editable {background-color: lightgreen;}\n' \
                   'QComboBox::drop-down:editable {background-color: green;}'

self.combo_box.setStyleSheet(style_str)

在上面的示例中，我们使用!editable来表示QComboBox处于不可编辑状态时，在这种情况下，背景色为白色（背景透明）。使用::drop-down:!editable表示下拉框也是这个颜色。使用editable 表示 QComboBox 处于可编辑状态时，其背景色将被设置为浅绿色；使用 ::drop-down:editable表示下拉框颜色为绿色。这些颜色可以根据您的喜好进行更改。

示例

以下是一个完整的PyQt5程序，演示了以上所有例子。

from PyQt5.QtWidgets import QApplication, QComboBox, QHBoxLayout, \
    QWidget, QLabel, QVBoxLayout, QLineEdit
import sys

class ComboBox(QWidget):
    def __init__(self):
        super().__init__()
        self.initUI()

    def initUI(self):
        layout = QVBoxLayout()

        # Combo box label
        label = QLabel("Select an option:")
        layout.addWidget(label)

        # Combo box
        self.combo_box = QComboBox(self)
        self.combo_box.addItems(["item1", "item2", "item3"])
        layout.addWidget(self.combo_box)

        # Editable combo box label
        editable_label = QLabel("Select an editable option (try changing its style!):")
        layout.addWidget(editable_label)

        # Editable combo box
        self.editable_combo_box = QComboBox(self)
        self.editable_combo_box.setEditable(True)
        self.editable_combo_box.setInsertPolicy(QComboBox.NoInsert)
        self.editable_combo_box.addItems(["editable item1", "editable item2", "editable item3"])
        layout.addWidget(self.editable_combo_box)

        # Editable combo box style button
        style_button = QLineEdit()
        style_button.setText("Set editable combo box style")
        style_button.setMaximumWidth(160)
        style_button.setStyleSheet("QPushButton { background-color:#dddddd; }")
        style_button.clicked.connect(self.changeEditableComboBoxStyle)
        layout.addWidget(style_button)

        self.setLayout(layout)
        self.setWindowTitle('QComboBox Example')
        self.show()

    def changeEditableComboBoxStyle(self):
        style_str = 'QComboBox:!editable {background-color: white;}\n' \
                   'QComboBox::drop-down:!editable {background-color: lightgray;}\n' \
                   'QComboBox:editable {background-color: lightgreen;}\n' \
                   'QComboBox::drop-down:editable {background-color: green;}'

        self.editable_combo_box.setStyleSheet(style_str)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    cb = ComboBox()
    sys.exit(app.exec_())

在该程序中，我们创建了一个基本的QComboBox，然后创建了一个可编辑的QComboBox。使用changeEditableComboBoxStyle()方法可以通过点击QPushButton来改变可编辑ComboBox的样式。

总结

以上就是如何在PyQt5中控制QComboBox的边框样式和编辑状态及可编辑状态下的样式的详细攻略。通过这些方法，可以有更多灵活的方法来改变QComboBox的外观和功能，从而创建出更加美观和实用的GUI程序。