PyQt5 – 当按下时为不可编辑的关闭状态组合框添加边框

1. 简单说明

PyQt5 是一个提供 GUI 工具包的 Python 模块，可以用于创建桌面程序窗口等用户交互界面。其中，combobox（组合框）是常见的一种窗口控件，可以包含一个下拉列表框和一个非编辑区域的文本框。本例将介绍如何给 combobox 添加边框，并保证 combobox 在按下之后仍然处于不可编辑的关闭状态。

1. 关键步骤

首先，需要导入 Qt 的样式模块：

from PyQt5.QtGui import QPalette
from PyQt5.QtCore import Qt

然后，创建一个样式表字符串，用来定义 combobox 样式：

style_sheet = """
               QComboBox:editable {{
                   border-width: 1px;
                   border-color: black;
                   border-style: solid;
                   padding: 1px 18px 1px 3px;
               }} 
               QComboBox:!editable, QComboBox::drop-down:editable {{
                   background-color: lightgrey;
                   border-width: 1px;
                   border-color: black;
                   border-style: solid;
                   padding: 1px 18px 1px 3px;
               }}
              """

其中，QComboBox:editable 定义了 combobox 处于可编辑状态时的样式；QComboBox:!editable, QComboBox::drop-down:editable 定义了 combobox 处于不可编辑状态时的样式。

接着，创建一个 combobox，并设置其为不可编辑的关闭状态：

comboBox = QComboBox()
comboBox.setEditable(False)
comboBox.addItem("选项1")
comboBox.addItem("选项2")

最后，将样式表应用到 combobobox 上：

comboBox.setStyleSheet(style_sheet)

这样，在用户按下 combobox 时，虽然 combobox 不能进行编辑，但是它的边框仍然会显示出来。

1. 示例说明

下面，分别给出两个示例，演示如何使用上述方法为 combobox 添加边框，并保持在不可编辑的关闭状态：

示例1：在指定的 QWidget 上创建 combobox：

from PyQt5.QtWidgets import QWidget, QVBoxLayout

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

        # 创建垂直布局，用于包含 combobox
        layout = QVBoxLayout(self)

        # 创建 combobox，并设置其为不可编辑的关闭状态
        comboBox = QComboBox()
        comboBox.setEditable(False)
        comboBox.addItem("选项1")
        comboBox.addItem("选项2")

        # 创建样式表
        style_sheet = """
                       QComboBox:editable {{
                           border-width: 1px;
                           border-color: black;
                           border-style: solid;
                           padding: 1px 18px 1px 3px;
                       }} 
                       QComboBox:!editable, QComboBox::drop-down:editable {{
                           background-color: lightgrey;
                           border-width: 1px;
                           border-color: black;
                           border-style: solid;
                           padding: 1px 18px 1px 3px;
                       }}
                      """

        # 将样式表应用到 combobox 上
        comboBox.setStyleSheet(style_sheet)

        # 将 combobox 添加到布局中
        layout.addWidget(comboBox)

示例2：在 QTableWidget 中创建多个 combobox：

from PyQt5.QtWidgets import QTableWidget, QTableWidgetItem

class MyTableWidget(QTableWidget):
    def __init__(self):
        super().__init__()

        # 设置表格视图的大小
        self.setColumnCount(2)
        self.setRowCount(2)

        # 创建 combobox，每个表格单元格都包含一个 combobox，
        # 并设置 combobox 为不可编辑的关闭状态
        comboBox1 = QComboBox()
        comboBox1.setEditable(False)
        comboBox1.addItem("选项1")
        comboBox1.addItem("选项2")
        comboBox2 = QComboBox()
        comboBox2.setEditable(False)
        comboBox2.addItem("选项3")
        comboBox2.addItem("选项4")

        # 创建样式表，将其应用到 combobox 上
        style_sheet = """
                       QComboBox:editable {{
                           border-width: 1px;
                           border-color: black;
                           border-style: solid;
                           padding: 1px 18px 1px 3px;
                       }} 
                       QComboBox:!editable, QComboBox::drop-down:editable {{
                           background-color: lightgrey;
                           border-width: 1px;
                           border-color: black;
                           border-style: solid;
                           padding: 1px 18px 1px 3px;
                       }}
                      """

        comboBox1.setStyleSheet(style_sheet)
        comboBox2.setStyleSheet(style_sheet)

        # 将 combobox 添加到表格中
        self.setCellWidget(0, 0, comboBox1)
        self.setCellWidget(0, 1, comboBox2)

        # 将表格添加到窗口中
        self.show()