update 拟增加点位

test.py

@@ -1,49 +1,92 @@
-from PySide6.QtWidgets import QApplication, QWidget, QVBoxLayout, QSlider, QLabel, QPushButton
-from PySide6.QtCore import Qt #211
+from PySide6.QtWidgets import QApplication, QPushButton, QMainWindow
+from PySide6.QtCore import QPropertyAnimation, QPoint, QParallelAnimationGroup, QEasingCurve, Property
+from PySide6.QtGui import QColor, QPainter, QBrush
+from PySide6.QtCore import Qt
+import sys
 
-class SliderExample(QWidget):
+class RippleButton(QPushButton):
+    def __init__(self, text, parent=None):
+        super().__init__(text, parent)
+        self._ripple_radius = 0
+        self._ripple_opacity = 1.0
+        self.ripple_position = QPoint()
+        self.animation_group = QParallelAnimationGroup(self)  # 设置父对象
+        self.setStyleSheet("background-color: #3498db; color: white; border-radius: 5px; padding: 10px;")
+        self.setAttribute(Qt.WA_StaticContents)
+
+    def paintEvent(self, event):
+        super().paintEvent(event)
+        if self._ripple_radius > 0:
+            painter = QPainter(self)
+            painter.setRenderHint(QPainter.Antialiasing)
+            color = QColor(255, 255, 255)
+            color.setAlphaF(self._ripple_opacity)
+            painter.setBrush(QBrush(color))
+            painter.setPen(Qt.NoPen)
+            painter.drawEllipse(self.ripple_position, self._ripple_radius, self._ripple_radius)
+
+    def mousePressEvent(self, event):
+        if event.button() == Qt.LeftButton:
+            self.ripple_position = event.pos()
+            self.startRippleEffect()
+        super().mousePressEvent(event)
+
+    def startRippleEffect(self):
+        # 取消之前的动画
+        self.animation_group.stop()
+        self.animation_group.clear()
+
+        # 创建半径动画
+        radius_animation = QPropertyAnimation(self, b"rippleRadius")
+        radius_animation.setDuration(600)
+        radius_animation.setStartValue(0)
+        # 计算最大半径，确保覆盖按钮
+        max_radius = max(self.width(), self.height()) * 1.5
+        radius_animation.setEndValue(max_radius)
+        radius_animation.setEasingCurve(QEasingCurve.OutQuad)
+
+        # 创建透明度动画
+        opacity_animation = QPropertyAnimation(self, b"rippleOpacity")
+        opacity_animation.setDuration(600)
+        opacity_animation.setStartValue(0.5)  # 初始透明度可以调整
+        opacity_animation.setEndValue(0.0)
+        opacity_animation.setEasingCurve(QEasingCurve.OutQuad)
+
+        # 将动画添加到动画组
+        self.animation_group.addAnimation(radius_animation)
+        self.animation_group.addAnimation(opacity_animation)
+        self.animation_group.start()
+
+    # 使用 @Property 装饰器正确定义属性
+    def getRippleRadius(self):
+        return self._ripple_radius
+
+    def setRippleRadius(self, radius):
+        self._ripple_radius = radius
+        self.update()
+
+    rippleRadius = Property(float, getRippleRadius, setRippleRadius)
+
+    def getRippleOpacity(self):
+        return self._ripple_opacity
+
+    def setRippleOpacity(self, opacity):
+        self._ripple_opacity = opacity
+        self.update()
+
+    rippleOpacity = Property(float, getRippleOpacity, setRippleOpacity)
+
+class MainWindow(QMainWindow):
     def __init__(self):
         super().__init__()
+        self.setWindowTitle("水滴扩散按钮示例")
+        self.setFixedSize(400, 300)
 
-        self.init_ui()
-
-    def init_ui(self):
-        # 创建一个垂直布局
-        layout = QVBoxLayout()
-
-        # 创建一个标签来显示滑块的值
-        self.label = QLabel("当前值: 0", self)
-        layout.addWidget(self.label)
-
-        # 创建一个滑块
-        self.slider = QSlider(Qt.Horizontal, self)
-        self.slider.setMinimum(0)
-        self.slider.setMaximum(100)
-        self.slider.setValue(0)  # 初始值设为0
-        self.slider.setTickPosition(QSlider.TicksBelow)
-        self.slider.setTickInterval(10)
-        layout.addWidget(self.slider)
-
-        # 创建一个按钮来获取滑块的当前值
-        self.button = QPushButton("获取滑块值", self)
-        self.button.clicked.connect(self.show_slider_value)
-        layout.addWidget(self.button)
-
-        # 设置窗口布局
-        self.setLayout(layout)
-
-        self.setWindowTitle('QSlider 示例')
-
-    def show_slider_value(self):
-        # 直接获取滑块的当前值并更新标签
-        value = self.slider.value()
-        print(f"滑块的值是: {value}")  # 添加打印以调试
-        self.label.setText(f"当前值: {value}")
+        self.button = RippleButton("点击我", self)
+        self.button.setGeometry(150, 130, 100, 40)
 
 if __name__ == "__main__":
-    app = QApplication([])
-
-    window = SliderExample()
+    app = QApplication(sys.argv)
+    window = MainWindow()
     window.show()
-
-    app.exec()
+    sys.exit(app.exec())