PyQt5 - 如何制作胶囊形单选按钮？

在GUI界面设计中，单选按钮是必不可少的部分。而胶囊形单选按钮是一种美观、现代化的选择，能够让用户更加直观地选择他们想要的选项。在PyQt5中，制作胶囊形单选按钮非常简单，下面将为您介绍该如何实现。

准备工作

在制作胶囊形单选按钮之前，首先需要引入PyQt5库。可以通过以下代码实现：

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

创建胶囊形单选按钮

和创建普通单选按钮相比，创建胶囊形单选按钮需要添加一些额外的属性。下面是一个简单的胶囊形单选按钮示例：

class CapsuleRadioButton(QRadioButton):
    def __init__(self, text):
        super().__init__()

        self.setText(text)
        self.setCheckable(True)
        self.setChecked(False)

        self._radius = 8
        self._circle_color = QColor("#000000")
        self._checked_circle_color = QColor("#0B5ED7")
        self._background_color = QColor("#ECECEC")
        self._checked_background_color = QColor("#FFFFFF")

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)

        brush = QBrush()
        pen = QPen()

        color = (
            self._checked_circle_color if self.isChecked() else self._circle_color
        )
        bg_color = (
            self._checked_background_color
            if self.isChecked()
            else self._background_color
        )

        painter.save()
        painter.setBrush(bg_color)
        painter.setPen(Qt.NoPen)
        painter.drawRoundedRect(
            QRectF(self.rect().x(), self.rect().y(), self.rect().width(), self.rect().height()),
            self._radius,
            self._radius,
        )
        painter.restore()

        painter.save()
        brush.setColor(color)
        pen.setColor(color)
        painter.setBrush(brush)
        painter.setPen(pen)
        painter.drawEllipse(
            QPoint(
                self.rect().x() + self.rect().width() / 2,
                self.rect().y() + self.rect().height() / 2,
            ),
            self._radius - 2,
            self._radius - 2,
        )
        painter.restore()

        painter.drawText(
            QRectF(
                self.rect().x() + 20,
                self.rect().y(),
                self.rect().width() - 20,
                self.rect().height(),
            ),
            self.text(),
        )

通过继承QRadioButton类，我们可以创建一个新的CapsuleRadioButton类，该类将覆盖QRadioButton默认的绘制方法，并添加自己的样式。在上面的示例中，我们使用了以下重要的属性：

• _radius - 胶囊形单选按钮的半径大小
• _circle_color - 胶囊形单选按钮的圆形颜色
• _checked_circle_color - 选中时胶囊形单选按钮的圆形颜色
• _background_color - 胶囊形单选按钮的背景颜色
• _checked_background_color - 选中时胶囊形单选按钮的背景颜色

在重写paintEvent()方法时，我们使用painter绘制自定义胶囊形单选按钮的样式。

使用胶囊形单选按钮

创建胶囊形单选按钮后，我们需要将其添加到GUI界面中。以下是一个简单的示例，显示了如何在PyQt5中使用胶囊形单选按钮：

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

        self.setWindowTitle("Capsule Radio Button")

        widget = QWidget()
        layout = QVBoxLayout()

        radio_button1 = CapsuleRadioButton("Option 1")
        radio_button2 = CapsuleRadioButton("Option 2")
        radio_button3 = CapsuleRadioButton("Option 3")

        layout.addWidget(radio_button1)
        layout.addWidget(radio_button2)
        layout.addWidget(radio_button3)

        widget.setLayout(layout)
        self.setCentralWidget(widget)

在上面的示例中，我们创建了三个胶囊形单选按钮并将其添加到垂直布局中。最后，我们将布局添加到QWidget并将其设置为窗口的中心小部件。

结论

现在您已经知道如何制作胶囊形单选按钮，并且可以将其添加到您的PyQt5 GUI中。通过灵活地使用属性和方法，则可以轻松调整胶囊形单选按钮的样式以适应不同的界面设计。