PyQt5 QColorDialog – 为它的子旋转框设置边框

PyQt5是Python的一个GUI编程库，其中QColorDialog是用于选择颜色的对话框。如果您需要为其子旋转框设置边框，可以使用QSS（Qt样式表）或者直接在代码中设置边框。

设置QColorDialog子旋转框边框的方法

1. 使用QSS设置边框

QSS是一种基于CSS的Qt的样式表，可以用于指定控件的样式。首先，我们需要给QColorDialog指定QSS样式表，在样式表中指定子旋转框的边框样式。

在下面的示例中，我们为QColorDialog指定了一个红色边框，其中.QColorDialogSpinBox用于选择背景颜色的旋转框，.QSpinBox::up-button和.QSpinBox::down-button用于选择上下箭头的旋转框。

from PyQt5.QtWidgets import QColorDialog

color_dialog = QColorDialog()
color_dialog.setStyleSheet("""
.QColorDialogSpinBox {
    border: 1px solid red;
}
.QSpinBox::up-button {
    border-left: 1px solid red;
    border-top: 1px solid red;
    border-bottom: none;
    border-right: none;
}
.QSpinBox::down-button {
    border-left: 1px solid red;
    border-bottom: 1px solid red;
    border-top: none;
    border-right: none;
}
""")

2. 在代码中设置边框

除了使用QSS，您还可以直接在代码中设置子旋转框的边框。在下面的示例中，我们手动创建了一个QSpinBox并设置了其边框。

from PyQt5.QtWidgets import QColorDialog, QSpinBox
from PyQt5.QtGui import QPalette, QColor

# 创建QSpinBox并设置边框
spin_box = QSpinBox()
spin_box.setStyleSheet("""
QSpinBox {
    border: 1px solid red;
}
QSpinBox::up-button {
    border-left: 1px solid red;
    border-top: 1px solid red;
    border-bottom: none;
    border-right: none;
}
QSpinBox::down-button {
    border-left: 1px solid red;
    border-bottom: 1px solid red;
    border-top: none;
    border-right: none;
}
""")

# 创建QColorDialog
color_dialog = QColorDialog()
color_dialog.setOption(QColorDialog.NoButtons)
color_dialog.setOption(QColorDialog.ShowAlphaChannel)

# 设置QColorDialog的子旋转框为QSpinBox
palette = QPalette()
palette.setBrush(QPalette.Button, QColor(0, 0, 0, 0))
palette.setBrush(QPalette.ButtonText, QColor(0, 0, 0))
spin_box.setPalette(palette)
color_dialog.setCustomWidget(spin_box)

在上面的示例中，我们还将QColorDialog的子旋转框设置为QSpinBox，以便自定义它的样式。

示例

以下是两个设置QColorDialog子旋转框边框的示例。

示例1 使用QSS设置边框

from PyQt5.QtWidgets import QApplication, QMainWindow, QAction, QColorDialog
from PyQt5.QtGui import QColor

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        # 创建菜单栏
        menu_bar = self.menuBar()
        file_menu = menu_bar.addMenu("文件")

        # 创建"选择颜色"动作
        choose_color_action = QAction("选择颜色", self)
        choose_color_action.triggered.connect(self.choose_color)
        file_menu.addAction(choose_color_action)

    def choose_color(self):
        # 创建QColorDialog并设置QSS样式表
        color_dialog = QColorDialog()
        color_dialog.setStyleSheet("""
        .QColorDialogSpinBox {
            border: 1px solid red;
        }
        .QSpinBox::up-button {
            border-left: 1px solid red;
            border-top: 1px solid red;
            border-bottom: none;
            border-right: none;
        }
        .QSpinBox::down-button {
            border-left: 1px solid red;
            border-bottom: 1px solid red;
            border-top: none;
            border-right: none;
        }
        """)

        # 打开QColorDialog并获取所选颜色
        if color_dialog.exec_():
            color = color_dialog.currentColor()
            print("所选颜色：", color.name())

app = QApplication([])
window = MainWindow()
window.show()
app.exec_()

示例2 在代码中设置边框

from PyQt5.QtWidgets import QApplication, QMainWindow, QAction, QColorDialog, QSpinBox
from PyQt5.QtGui import QColor, QPalette

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()

        # 创建菜单栏
        menu_bar = self.menuBar()
        file_menu = menu_bar.addMenu("文件")

        # 创建"选择颜色"动作
        choose_color_action = QAction("选择颜色", self)
        choose_color_action.triggered.connect(self.choose_color)
        file_menu.addAction(choose_color_action)

    def choose_color(self):
        # 创建QColorDialog
        color_dialog = QColorDialog()
        color_dialog.setOption(QColorDialog.NoButtons)
        color_dialog.setOption(QColorDialog.ShowAlphaChannel)

        # 手动创建QSpinBox并设置边框
        spin_box = QSpinBox()
        spin_box.setStyleSheet("""
        QSpinBox {
            border: 1px solid red;
        }
        QSpinBox::up-button {
            border-left: 1px solid red;
            border-top: 1px solid red;
            border-bottom: none;
            border-right: none;
        }
        QSpinBox::down-button {
            border-left: 1px solid red;
            border-bottom: 1px solid red;
            border-top: none;
            border-right: none;
        }
        """)

        # 设置QColorDialog的子旋转框为QSpinBox
        palette = QPalette()
        palette.setBrush(QPalette.Button, QColor(0, 0, 0, 0))
        palette.setBrush(QPalette.ButtonText, QColor(0, 0, 0))
        spin_box.setPalette(palette)
        color_dialog.setCustomWidget(spin_box)

        # 打开QColorDialog并获取所选颜色
        if color_dialog.exec_():
            color = color_dialog.currentColor()
            print("所选颜色：", color.name())

app = QApplication([])
window = MainWindow()
window.show()
app.exec_()