用pyqt5实现的滑动开关（有动画效果）

zhusg

已于 2024-03-08 21:34:41 修改

阅读量943

点赞数 7

分类专栏：小功能文章标签： qt 开发语言 python pyqt

于 2024-03-08 20:47:02 首次发布

本文链接：https://blog.csdn.net/zhusg/article/details/136571614

版权

小功能专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用Python的PyQt5库创建一个具有动画效果的开关按钮，包括初始化、设置文本、状态切换以及鼠标事件处理。

摘要由CSDN通过智能技术生成

1、效果展示

2、控件源码

import sys
from PyQt5.QtCore import Qt, QRect, QPoint, QVariantAnimation
from PyQt5.QtGui import QPainter, QColor
from PyQt5.QtWidgets import QApplication, QWidget, QHBoxLayout


class SwitchButton(QWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.setFixedSize(50, 30)
        self.checked = False
        self.setCursor(Qt.PointingHandCursor)
        self.animation = QVariantAnimation()
        self.animation.setDuration(80)  # 动画持续时间
        self.animation.setStartValue(0)
        self.animation.setEndValue(20)
        self.animation.valueChanged.connect(self.update)
        self.animation.finished.connect(self.onAnimationFinished)

    def setText(self, value):
        pass

    def isChecked(self):
        return self.checked

    def setChecked(self, check):
        self.checked = check
        self.animation.setDirection(QVariantAnimation.Forward if self.checked else QVariantAnimation.Backward)
        self.animation.start()

    def paintEvent(self, event):
        painter = QPainter(self)
        painter.setRenderHint(QPainter.Antialiasing)
        painter.setPen(Qt.NoPen)
        if self.checked:
            painter.setBrush(QColor('#07c160'))  # 选中颜色
        else:
            painter.setBrush(QColor('#d5d5d5'))  # 未选中颜色

        # 绘制外框
        painter.drawRoundedRect(QRect(0, 0, self.width(), self.height()), 15, 15)

        # 按钮位置
        offset = self.animation.currentValue()

        # 绘制按钮
        painter.setBrush(QColor(255, 255, 255))
        painter.drawEllipse(QPoint(15 + offset, 15), 12, 12)

    def mouseReleaseEvent(self, event) -> None:
        if event.button() == Qt.LeftButton:
            self.checked = not self.checked
            self.animation.setDirection(QVariantAnimation.Forward if self.checked else QVariantAnimation.Backward)
            self.animation.start()

    def onAnimationFinished(self):
        pass


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

    def initUI(self):
        layout = QHBoxLayout()
        switch = SwitchButton()
        layout.addWidget(switch)
        self.setLayout(layout)
        self.setFixedSize(400, 200)


if __name__ == '__main__':
    app = QApplication(sys.argv)
    ex = Example()
    ex.show()
    sys.exit(app.exec_())