PyQt5是否支持类似Kivy的窗口切换过渡动画及往返切换？

嘿，其实PyQt5完全可以实现类似Kivy那种带过渡动画的页面切换，而且支持自由往返切换，只是实现思路和Kivy的ScreenManager不太一样，我给你梳理个实用的方案：

核心思路 #

PyQt5里我们可以用QStackedWidget作为页面容器（相当于Kivy的ScreenManager），配合QPropertyAnimation来实现过渡动画，既支持正向切换，也支持反向切换动画。

具体实现示例 #

下面是一个完整的小例子，实现左右滑动切换和淡入淡出切换两种效果，并且支持往返切换：

import sys
from PyQt5.QtWidgets import (QApplication, QMainWindow, QStackedWidget, 
                             QWidget, QPushButton, QVBoxLayout, QLabel)
from PyQt5.QtCore import QPropertyAnimation, QEasingCurve, Qt

class AnimatedStackedWidget(QStackedWidget):
    def __init__(self, parent=None):
        super().__init__(parent)
        self.animation = QPropertyAnimation(self, b"geometry")
        self.animation.setDuration(500)  # 动画时长500ms
        self.animation.setEasingCurve(QEasingCurve.OutCubic)  # 缓动曲线，让动画更自然

    def slide_in_from_right(self):
        # 从右侧滑入的动画
        current_idx = self.currentIndex()
        next_idx = (current_idx + 1) % self.count()
        
        next_widget = self.widget(next_idx)
        # 设置初始位置（右侧窗口外）
        next_widget.setGeometry(self.width(), 0, self.width(), self.height())
        next_widget.show()
        
        # 动画目标位置（当前窗口位置）
        self.animation.setStartValue(self.geometry())
        self.animation.setEndValue(self.geometry().translated(-self.width(), 0))
        self.animation.start()
        self.setCurrentIndex(next_idx)

    def slide_in_from_left(self):
        # 从左侧滑入的动画（用于返回上一页）
        current_idx = self.currentIndex()
        prev_idx = (current_idx - 1) % self.count()
        
        prev_widget = self.widget(prev_idx)
        # 设置初始位置（左侧窗口外）
        prev_widget.setGeometry(-self.width(), 0, self.width(), self.height())
        prev_widget.show()
        
        # 动画目标位置
        self.animation.setStartValue(self.geometry())
        self.animation.setEndValue(self.geometry().translated(self.width(), 0))
        self.animation.start()
        self.setCurrentIndex(prev_idx)

    def fade_switch(self):
        # 淡入淡出切换，支持往返
        current_idx = self.currentIndex()
        next_idx = (current_idx + 1) % self.count()
        
        current_widget = self.widget(current_idx)
        next_widget = self.widget(next_idx)
        
        # 淡出当前页面
        fade_out = QPropertyAnimation(current_widget, b"opacity")
        fade_out.setDuration(300)
        fade_out.setStartValue(1.0)
        fade_out.setEndValue(0.0)
        
        # 淡入下一页
        fade_in = QPropertyAnimation(next_widget, b"opacity")
        fade_in.setDuration(300)
        fade_in.setStartValue(0.0)
        fade_in.setEndValue(1.0)
        
        # 先淡出再淡入，完成后切换当前页
        fade_out.finished.connect(lambda: fade_in.start())
        fade_in.finished.connect(lambda: self.setCurrentIndex(next_idx))
        
        fade_out.start()

class MainWindow(QMainWindow):
    def __init__(self):
        super().__init__()
        self.setWindowTitle("PyQt5 动画页面切换")
        self.setGeometry(100, 100, 600, 400)
        
        # 创建自定义的带动画的StackedWidget
        self.stacked_widget = AnimatedStackedWidget()
        
        # 创建三个测试页面
        self.page1 = self.create_page("页面 1", "#f0f0f0")
        self.page2 = self.create_page("页面 2", "#e0e0e0")
        self.page3 = self.create_page("页面 3", "#d0d0d0")
        
        self.stacked_widget.addWidget(self.page1)
        self.stacked_widget.addWidget(self.page2)
        self.stacked_widget.addWidget(self.page3)
        
        self.setCentralWidget(self.stacked_widget)

    def create_page(self, text, bg_color):
        page = QWidget()
        layout = QVBoxLayout(page)
        
        label = QLabel(text)
        label.setAlignment(Qt.AlignCenter)
        label.setStyleSheet(f"font-size: 24px; color: #333;")
        
        btn_next = QPushButton("下一页（滑动）")
        btn_next.clicked.connect(self.stacked_widget.slide_in_from_right)
        
        btn_prev = QPushButton("上一页（滑动）")
        btn_prev.clicked.connect(self.stacked_widget.slide_in_from_left)
        
        btn_fade = QPushButton("切换页面（淡入淡出）")
        btn_fade.clicked.connect(self.stacked_widget.fade_switch)
        
        layout.addWidget(label)
        layout.addWidget(btn_next)
        layout.addWidget(btn_prev)
        layout.addWidget(btn_fade)
        
        page.setStyleSheet(f"background-color: {bg_color};")
        return page

if __name__ == "__main__":
    app = QApplication(sys.argv)
    window = MainWindow()
    window.show()
    sys.exit(app.exec_())

关键要点解释 #

• QStackedWidget：作为页面的容器，管理所有需要切换的页面，和Kivy的ScreenManager作用类似，但需要我们自己绑定动画逻辑。
• QPropertyAnimation：PyQt5的核心动画类，可以对控件的属性（比如位置geometry、透明度opacity、大小size等）做动画过渡，通过调整动画的duration（时长）和easingCurve（缓动曲线）可以让动画更流畅自然。
• 往返切换支持：通过取模运算处理索引循环，再给反向切换设置对应的反向动画（比如返回时从左侧滑入，而不是右侧），就能实现和Kivy一样的自由往返切换。

扩展玩法 #

你还可以基于这个思路实现更多动画效果：

• 缩放切换：修改控件的scale属性动画
• 旋转切换：修改控件的rotation属性动画
• 上下滑动切换：调整geometry的y轴位置

只要是PyQt控件支持的可动画属性，都可以用来做过渡效果~

内容的提问来源于stack exchange，提问作者Anmol Singh Grewal