企业官网建设流程全解析

做客户端界面久了，你会发现切换页面最怕的不是功能复杂，而是那种“啪”一下就从A页面跳到B页面的生硬感。最近在一个项目中，我需要给两个面板做来回切换，要求是先淡出再淡入——当前页面慢慢消失，新页面再慢慢出现，而不是瞬间切换。用Qt自带的能力就能实现，不需要引入第三方库，核心就是QGraphicsOpacityEffect加QPropertyAnimation这对组合。

这个效果听起来不复杂，但真正做起来还是有不少细节要处理。比如淡出完成后旧页面要不要删掉，新页面什么时候开始淡入，动画执行中用户又点了一次切换按钮怎么办，还有网上很多人遇到的透明度设置后文字发虚、控件位置偏移等等。我把整个实现过程、思路和一些踩坑经验整理出来，给正在做Qt客户端、想给页面切换加点过渡效果的朋友作参考。

1. 先把需求拆清楚：淡入淡出到底要哪种

1.1 两种常见的淡入淡出切换方式

我刚开始接这个需求的时候，第一反应是“给两个页面分别设置透明度动画不就行了”，但仔细一琢磨，发现“淡入淡出”在项目里其实有几种完全不同的实现路径。

第一种是同时淡入淡出。旧页面透明度从1降到0，新页面透明度从0升到1，两条动画同时跑，中间会有一段重叠的时间，视觉上像两个页面互相“融”在一起。这种方式效果最顺滑，但前提是旧页面和新页面必须同时存在于同一个容器里，并且都能正常渲染。对Qt来说，这就意味着不能直接使用QStackedWidget，因为QStackedWidget的页面切换是互斥的，同一时刻只有一个页面可见。

第二种是先淡出再淡入，也就是标题里强调的顺序——当前页面先完全消失，然后再让新页面从透明恢复到不透明。这种方式实现起来要简单得多，因为两个页面不需要同时显示，我们可以先把旧页面淡出，等到动画完成后再切换真正的页面，然后淡入新页面。用户看到的效果是“A慢慢消失，界面变空，B慢慢出现”，节奏感和前一种不太一样，但更稳妥，对页面布局的侵入性也小。

我这次项目里最终采用的是第二种，主要原因是项目里已经用QStackedWidget管理了好几个页面，改造成同时叠加的成本比较高。如果你是从零开始做，两种方式都可以选，后面我会把同时淡入淡出的容器做法也一起讲清楚。

1.2 为什么要用QGraphicsOpacityEffect加QPropertyAnimation

确定切换方式之后，下一个问题是怎么实现透明度变化。Qt里能改透明度的手段有不少，我列一下自己比较过的几种：

对比下来，QGraphicsOpacityEffect加QPropertyAnimation基本是QWidget项目里做透明动画的最优解。QGraphicsOpacityEffect本身是Qt提供的一个图形效果类，可以挂到任意QWidget上，让整个控件按统一透明度绘制；QPropertyAnimation则是标准的属性动画类，它可以持续修改对象的任意属性，并且支持设置时长、插值曲线和循环模式。两者配合，等于是“一个负责提供透明度属性，一个负责让这个属性动起来”，分工非常明确。

1.3 核心原理：动画到底改了谁的属性

刚开始接触这套组合的人，最容易踩的一个坑是搞不清动画的作用对象。我从源码层面解释一下：QGraphicsOpacityEffect里有一个opacity属性，取值范围是0.0到1.0，0.0对应完全透明，1.0对应完全不透明。当你执行widget->setGraphicsEffect(effect)之后，这个widget在绘制时就会带上该effect的透明度。

QPropertyAnimation的作用是驱动对象上某个属性的变化，你需要告诉它三件事：作用在哪个对象上、改的是哪个属性、从什么值变成什么值。所以如果我们要做淡入，动画的作用对象应该是QGraphicsOpacityEffect实例，而不是QWidget本身。把这两者搞混的话，经常会出现动画报了“Cannot animate non-existing property opacity”之类的错误。

属性动画的运作机制也很好理解：Qt内部有一个动画时间轴，每一帧会根据当前时间点和设置的时长计算出当前值，然后通过元对象系统写入目标属性，触发控件重绘，于是我们肉眼看过去就是一段平滑的透明度渐变。动画结束后还可以发送finished信号，后续逻辑（比如切换页面、清理效果）都在这个信号槽里做。

2. 最小实现：让同一个控件循环淡入淡出

看懂了原理，我们先从最简单的场景做起：让同一个控件自己循环执行“淡入后淡出”，再淡入再淡出，做一个呼吸灯式的效果。这个场景虽然和页面切换不太一样，但它能把核心代码压缩到最精简，方便理解。

2.1 第一步：给控件绑定透明效果

假设界面上有一个QLabel，我想让它每隔几秒自动淡入、再淡出。首先需要创建QGraphicsOpacityEffect并挂到这个label上：

auto *effect = new QGraphicsOpacityEffect(ui->label); ui->label->setGraphicsEffect(effect); effect->setOpacity(0.0); // 初始完全透明

这里有个好习惯要养成：创建effect时直接指定父对象为控件本身，但注意父对象是QObject的父子关系，不是布局上的父子关系。指向ui->label的意思是，当label被销毁时这个effect也会跟着销毁。不过后面我们会看到，动画结束之后通常还要手动清理effect，不能光靠这个父子关系兜底。

2.2 第二步：用一个动画控制淡入和淡出

接着创建QPropertyAnimation，目标是刚才那个effect的opacity属性：

auto *animation = new QPropertyAnimation(effect, "opacity", this); animation->setDuration(500); // 500毫秒 animation->setStartValue(0.0); // 从透明开始 animation->setEndValue(1.0); // 到不透明结束 animation->start();

这样标签就会在500毫秒内从完全透明变成完全不透明，这就是淡入。注意我创建animation时用的父对象是this，也就是当前窗口类实例，而不是effect。如果你把这个父对象也指定成effect，那一旦effect被清理，动画也会跟着没了，但如果你希望动画和effect生命周期绑定，那倒也没问题。我的习惯是让动画跟随窗口，这样可以在窗口层面统一控制。

2.3 第三步：淡入后接着淡出的两种循环写法

接下来要让控件在淡入完成后自动淡出，做“来回切换”的效果。我试过两种写法。

第一种是手动在finished信号里调转方向。动画淡入到1.0之后，finished信号触发，我们在槽函数里把startValue改成1.0，endValue改成0.0，再调用start()，等淡出完成后再反过来，往复循环。这种写法直观，但容易疏忽：每次都要改动画的方向，代码重复度高，而且如果项目里不只有一个动画，管理起来会乱。

第二种更好，直接使用QSequentialAnimationGroup。把淡入动画和淡出动画串成一个序列组，组里动画一个接一个执行，再把组的loopCount设为-1，就能实现无限循环。

auto *fadeIn = new QPropertyAnimation(effect, "opacity", this); fadeIn->setDuration(400); fadeIn->setStartValue(0.0); fadeIn->setEndValue(1.0); auto *fadeOut = new QPropertyAnimation(effect, "opacity", this); fadeOut->setDuration(400); fadeOut->setStartValue(1.0); fadeOut->setEndValue(0.0); auto *group = new QSequentialAnimationGroup(this); group->addAnimation(fadeIn); group->addAnimation(fadeOut); group->setLoopCount(-1); group->start();

这样“淡入后在淡出”这件事就变成了一个串行动画序列，逻辑非常清晰。如果你想让它只淡入淡出一次，把loopCount设成1就行；想淡入淡出三次，就设成3。我实际用下来，这种方式的可读性和可维护性都比手动翻转方向好很多。

注意：QSequentialAnimationGroup的loopCount表示整个序列重复的次数，而不是单个动画重复的次数。默认值是1，循环播放一定要记得设成-1。

3. 多页面来回切换：从淡出到淡入的完整流程

单个控件循环播放搞定了，接下来回到正题：两个页面之间来回切换，先淡出再淡入。

3.1 先淡出旧页面，再淡入新页面

如果项目用的是QStackedWidget，页面切换本身是setCurrentIndex完成的，我们只需要在调用setCurrentIndex之前先给当前页面做一个淡出动画，等动画结束之后再切页面，再给新页面做淡入动画。

用一个简单的函数来承载这段逻辑：

void PageSwitcher::switchTo(int index) { if (m_busy || index == currentIndex()) return; QWidget *currentPage = m_stack->currentWidget(); auto *effect = new QGraphicsOpacityEffect(currentPage); currentPage->setGraphicsEffect(effect); m_busy = true; auto *fadeOut = new QPropertyAnimation(effect, "opacity", this); fadeOut->setDuration(m_duration); fadeOut->setStartValue(1.0); fadeOut->setEndValue(0.0); connect(fadeOut, &QPropertyAnimation::finished, this, [this, index, currentPage, effect]() { // 动画结束，清理旧页面效果 currentPage->setGraphicsEffect(nullptr); effect->deleteLater(); // 切换到目标页面 m_stack->setCurrentIndex(index); QWidget *nextPage = m_stack->currentWidget(); // 给新页面做淡入 auto *newEffect = new QGraphicsOpacityEffect(nextPage); nextPage->setGraphicsEffect(newEffect); auto *fadeIn = new QPropertyAnimation(newEffect, "opacity", this); fadeIn->setDuration(m_duration); fadeIn->setStartValue(0.0); fadeIn->setEndValue(1.0); connect(fadeIn, &QPropertyAnimation::finished, this, [this, nextPage, newEffect]() { nextPage->setGraphicsEffect(nullptr); newEffect->deleteLater(); m_busy = false; }); fadeIn->start(); }); fadeOut->start(); }

这里有几个值得细看的地方。第一，旧页面的effect必须在淡出完成后立刻清掉，否则这个页面会一直带着透明效果，下次再切到它时就可能变成半透明。第二，新页面的淡入效果同样要在结束后清掉，不然QStackedWidget里每个被切换过的页面都会残留一个graphics effect，轻则文字发虚，重则影响整个页面的绘制性能。第三，切换期间用m_busy锁住入口，避免用户快速点按钮造成动画和页面状态错乱。

3.2 两个页面同时叠层淡入淡出

先淡出再淡入的实现门槛低，但有些设计同事看了之后说“能不能让两个页面同时淡变”，也就是旧页面还在缓慢消失的时候，新页面已经从透明开始出现。这种效果确实更“丝滑”，但它要求两个页面必须同时渲染，所以不能再用QStackedWidget。

我用一个普通QWidget作为容器，把页面A和页面B都塞进去，手动控制它们的geometry保持一致，并让两者处于同一坐标系下的同一位置。这样容器里同时有两个子控件，我们可以让A和B都可见，然后分别给它们挂上不同的effect：

A->setGraphicsEffect(fadeOutEffect); B->setGraphicsEffect(fadeInEffect); fadeOutEffect->setOpacity(1.0); fadeInEffect->setOpacity(0.0); // 同时播放两个动画

这种方式的视觉体验最好，因为A淡出和B淡入是重叠进行的，不会出现中间“一片空白”的时刻。但代价是页面之间的层级关系要自己管理。比如B在A上面还是下面，鼠标事件会不会被上面的透明区域拦截，都需要额外注意。一般我会把正在淡出的旧页面放在上层，让新页面从下往上“透”出来；动画结束后再把旧页面隐藏，避免它继续占着鼠标事件。

如果想省事一点，也可以直接隐藏旧页面的瞬间做一个“截图占位”。具体做法是先把旧页面截成一张QImage或者QPixmap，放在一个临时QLabel里，然后把临时QLabel设置成旧页面的视觉替身，放在页面上层，对它做淡出。等淡出结束，隐藏旧页面，显示新页面，再对新页面做淡入。这个方案不用大改页面结构，适合已经用QStackedWidget、不方便重构的项目。

3.3 已经用了QStackedWidget怎么办

很多人项目一上来就用QStackedWidget管理页面，这也是Qt最常用的页面容器之一。如果你不想像上面那样把页面拆出来重新叠放，也可以保留QStackedWidget，但就需要一个“视觉辅助层”来完成重叠效果。

我分享一个自己用过的思路：在QStackedWidget外层再套一个QStackedLayout或者QGridLayout，里面除了放QStackedWidget之外，再放一个专门用来播放过渡动画的透明控件。每次切换时，先把当前页面截图，显示在透明控件上，并让透明控件带着截图淡出，淡出完成后立即调用QStackedWidget的setCurrentIndex，然后清掉透明控件的内容。如果还想让新页面淡入，就在setCurrentIndex之后让整个QStackedWidget或者新页面再执行一次淡入。

这个方案实现起来代码稍微多点，但好处是不用改页面的父子结构，对已有项目最友好。截图可以用QWidget::grab()方法拿到，这个方法是Qt自带的，性能足够应对过渡动画场景。

3.4 状态锁定：防止切换过程中被二次触发

动画过程中最让人头疼的是用户连点。如果第一次切换的淡出动画还没跑完，用户又点了另一个按钮，第二次切换逻辑进来，就可能出现两个动画同时操作同一个控件的情况。轻则页面淡入淡出互相打架，重则内存泄漏、控件透明状态错乱。

解决的通用做法是在切换入口加一个m_busy标志，进入动画流程就置true，只有最后一个动画真正完成后才置回false。我在函数开头已经写了if (m_busy || ...) return;这一行，这就是状态锁。如果你用QSequentialAnimationGroup串联动画，那更省心，直接在组动画的finished信号里统一置false就行，不需要在中间每个小动画的finished里都处理。

另外还有一个细节：如果用户切换的目标页面和当前页面是同一个索引，应该直接忽略，否则会出现“当前页淡出、然后淡入回同一个页面”的诡异效果，看起来像闪了一下。所以我在switchTo的开头也判断了index == currentIndex()。

4. 必须避开的坑：QGraphicsOpacityEffect的副作用

这部分内容是我在项目里实测下来最容易出问题的地方，也是网上讨论比较多的话题，整理成一份“避坑清单”，按影响严重程度从高到低排。

4.1 动画结束后的effect残留导致模糊

最典型的现象是：某个页面做完淡入动画之后，页面里的文字边缘变得模糊，像是被软件抗锯齿算法处理过一遍，和旁边的控件明显不协调。这个问题几乎是QGraphicsOpacityEffect的“祖传毛病”，原因在于挂上effect后，控件渲染会经过额外的backing store合成步骤，某些字体和图形在这种合成模式下会出现失真。

解决办法很简单：动画一结束就立刻把effect卸载掉。我之前有个同事为了省事，把effect创建后一直挂在那里，结果整个项目的页面切了几次之后全部变糊，查了半天才发现是effect没清理。我的建议是不要想着“反正透明度是1.0，留着也没事”，只要effect还挂在控件上，就会持续影响渲染路径。

4.2 effect和animation的生命周期

QGraphicsOpacityEffect和QPropertyAnimation都是QObject子类，如果不注意父对象设置，很容易造成内存泄漏或悬空指针。常见的安全写法是：

connect(fadeIn, &QPropertyAnimation::finished, this, [widget, animation, effect]() { widget->setGraphicsEffect(nullptr); animation->deleteLater(); effect->deleteLater(); });

注意要先setGraphicsEffect(nullptr)，再deleteLater这两个对象。顺序不能反，否则控件还持有effect指针，删除之后就成了悬空引用。如果你用QSequentialAnimationGroup，那整个group的finished信号里统一清理所有小动画和effect，逻辑更集中。

4.3 动画过程中的交互锁定

页面在淡出，但按钮还在原来的位置，用户如果这时候去点击，事件会照常传递到旧页面，就算旧页面已经半透明，点击依然“生效”。这对用户来说很别扭，我一般会在动画开始前给要操作的控件区域设置setEnabled(false)，动画结束后再恢复；或者用一个事件过滤器拦截鼠标消息，阻止动画期间的一切点击。

不过别一刀切禁用整个页面，因为有时候用户确实需要在新页面里快速操作，真正要锁的是“切换按钮”本身。把切换按钮置灰或者加一个忙碌状态提示，效果比全局锁更好。

4.4 无边框窗口和透明背景的兼容性

如果主窗口设置了Qt::FramelessWindowHint和WA_TranslucentBackground，再对内部页面叠加QGraphicsOpacityEffect，可能会导致整个窗口透明度一起变化，出现“整个应用闪烁”的效果。这个问题的根源在于顶层窗口本身支持半透明，底层合成时把effect的透明度作用到了整个窗口的绘制结果上。

我建议把透明度效果集中在内容容器上，不要对顶层窗口或者直接对main window做effect。如果一定要整窗淡入，可以先隐藏窗口边框，再对整个内容Widget做动画，效果等价但更可控。

4.5 调试技巧

动画不生效的时候，先检查几件事。第一，看看目标对象是不是QGraphicsOpacityEffect实例，而不是控件本身。第二，看看startValue和endValue是不是qreal类型，千万别传int的0和1。第三，把duration临时调大，比如设成3000毫秒，用肉眼观察每帧变化，如果还是一下子就完成，说明动画可能根本没跑起来，或者effect的opacity被外部逻辑改了。第四，打印日志观察finished信号触发的次数，确认是不是有重复动画在同时作用。

5. 做成通用组件：一个可复用的FadeSwitcher

解决了上面的问题之后，我开始考虑怎么让这套逻辑沉淀下来，下次接到类似需求不用从头写一遍。于是我把淡入淡出切换封装成一个通用组件，取名叫FadeSwitcher。

5.1 类设计思路

FadeSwitcher的核心职责只有一个：接管任意两个页面之间的淡入淡出过渡。设计上它不关心页面内部逻辑，只关注切换流程和动画状态。我给它设计了几个对外能力：

• setTargetWidget(QStackedWidget*)：绑定被管理的页面容器。
• setDuration(int)：设置单次淡入或淡出的时长。
• setEasingCurve(QEasingCurve)：设置动画曲线，默认使用OutCubic。
• switchTo(int index)：触发切换到指定页面。
• currentChanged(int index)：信号，动画全部完成后发出，便于外部页面做焦点恢复。

内部则保存当前是否正在动画、两个方向的动画指针、以及页面容器的引用。为了支持“同时淡入淡出”和“先淡出再淡入”两种模式，我还加了一个枚举配置，FadeMode::Sequential和FadeMode::Overlapping。Sequential对应之前的QStackedWidget方案，Overlapping则为需要叠层容器的项目准备。

5.2 核心代码框架

下面这个精简版本可以实现Sequential模式，也就是先淡出再淡入：

class FadeSwitcher : public QObject { Q_OBJECT public: explicit FadeSwitcher(QStackedWidget *stack, QObject *parent = nullptr) : QObject(parent), m_stack(stack) {} void switchTo(int index) { if (m_busy || index == m_stack->currentIndex()) return; QWidget *currentPage = m_stack->currentWidget(); auto *fadeEffect = new QGraphicsOpacityEffect(currentPage); currentPage->setGraphicsEffect(fadeEffect); m_busy = true; auto *fadeOut = new QPropertyAnimation(fadeEffect, "opacity", this); fadeOut->setDuration(300); fadeOut->setStartValue(1.0); fadeOut->setEndValue(0.0); connect(fadeOut, &QPropertyAnimation::finished, this, [this, index, currentPage, fadeEffect]() { currentPage->setGraphicsEffect(nullptr); fadeEffect->deleteLater(); m_stack->setCurrentIndex(index); QWidget *nextPage = m_stack->currentWidget(); auto *fadeInEffect = new QGraphicsOpacityEffect(nextPage); nextPage->setGraphicsEffect(fadeInEffect); auto *fadeIn = new QPropertyAnimation(fadeInEffect, "opacity", this); fadeIn->setDuration(300); fadeIn->setStartValue(0.0); fadeIn->setEndValue(1.0); connect(fadeIn, &QPropertyAnimation::finished, this, [this, nextPage, fadeInEffect]() { nextPage->setGraphicsEffect(nullptr); fadeInEffect->deleteLater(); m_busy = false; emit currentChanged(m_stack->currentIndex()); }); fadeIn->start(); }); fadeOut->start(); } signals: void currentChanged(int index); private: QStackedWidget *m_stack; bool m_busy = false; };

这里有一个关键细节：fadeOut这个动画对象本身没有直接connect到最终清理，而是在它的finished里继续new出fadeIn动画，等fadeIn结束了才整体清理。这种“嵌套链式”写法虽然看着繁琐，但能保证两个动画之间只有一个入口、一个出口，状态管理非常清晰。

如果你的项目允许使用QSequentialAnimationGroup，可以把两个动画都塞进group里，然后只在group的finished里做一次清理，代码会更紧凑。不过嵌套写法有一个好处：在淡出完成、淡入还没开始前，可以插入其他逻辑，比如先加载目标页面的数据，或者先做一次布局刷新，避免新页面显示出来时内容还是旧的。我项目里的实际接入就是靠这个中间空隙完成了数据刷新，体验上特别自然。

5.3 参数调优：时长、曲线与交互反馈

动画时长和曲线这两个参数，直接影响用户对“顺滑”的感知。我测试下来的感受是：单次淡入淡出的时长建议控制在250到400毫秒之间。太短了看起来像闪烁，太长了用户会觉得界面拖沓。如果是先淡出再淡入的整体流程，两个动画各300毫秒就已经很舒服；如果用的是同时叠层方式，单个动画可以缩短到250毫秒，因为两条动画叠加起来，视觉时长其实比单一动画更长。

曲线方面，淡入推荐QEasingCurve::OutCubic，先快后慢，末尾逐渐稳定，避免了到1.0那一刻的“硬着陆”；淡出推荐QEasingCurve::InCubic，先慢后快，让透明变化在最后阶段稍微加速，更符合视觉直觉。如果你不设置任何曲线，Qt默认的是线性插值，也能用，但观感会差一些，尤其是长时间动画的时候，线性插值很容易被眼睛看出“匀速但机械化”的感觉。

还有一个容易被忽略的点：在动画结束后，尽量给用户一个明确的交互反馈。比如切换到新页面后，把焦点设置到新页面的第一个输入框；或者如果新页面内容需要异步加载，先显示一个短暂的加载状态，再淡入完整内容。这样过渡动画就不仅仅是“好看”，还能帮用户理解当前界面的状态变化。

5.4 焦点处理与无障碍

Qt的页面切换不会自动转移键盘焦点。也就是说，从A页面切到B页面后，如果用户按Tab键，焦点可能还在已经隐藏的A页面上，这会造成视觉焦点和实际键盘焦点不一致，对用键盘操作的用户很不友好。

所以在FadeSwitcher的currentChanged信号处理里，我通常会调用目标页面的setFocus()，如果目标页面有明确的初始控件，直接把焦点交给它。做完这一步之后，整个切换效果才算是真正完整，不只是视觉上平滑，交互上也没有死角。

6. 我实际踩过的坑和一些经验建议

最后单独写一节，纯粹是记录我在实际项目里遇到过的问题和处理经验。

6.1 踩坑实例

第一次接入这个效果的时候，我以为只要在每个页面showEvent里加上动画就行。结果发现，页面第一次显示的时候，showEvent会被触发两次，动画也跟着被触发两次，透明度在1和0之间来回跳，页面看起来就像在“抽搐”。后来我把动画逻辑统一放到FadeSwitcher的switchTo入口，不再依赖页面自身的show事件，问题就彻底消失了。

还有一次，同事反馈切换后页面里的QTableWidget表头不见了。排查后发现是动画结束后我虽然把effect从页面清掉了，但忘记清理表头控件上残留的effect——当时为了做表头淡入，我在table->horizontalHeader()上也挂过一个QGraphicsOpacityEffect。可见QGraphicsOpacityEffect这种方案，作用在子控件越多，清理的遗漏风险越大。建议动画期间尽量把效果集中在页面顶层，不要给内部子控件挨个挂，否则清理成本会指数级上升。

另一个印象比较深的坑是：在低配机器上，整页QWidget做透明度动画确实会有明显掉帧，尤其是页面里放了大尺寸背景图或者复杂表格的时候。优化思路是把动画时长稍微拉长到400毫秒，虽然长了一点，但用户看到的是“卡顿感的缓解”，反而比硬撑250毫秒更流畅。

6.2 实操建议

我个人的选择倾向是，先淡出再淡入的方案优先级最高。理由很简单：它不要求两个页面同时叠加，对现有工程侵入最小，出问题的概率也最低。只有当项目对交互动效要求确实很高，而且页面本身处于一个可以自由调整布局的环境时，才值得做同时叠层淡入淡出。

动画中间的“空白期”不要浪费。在淡出完成后、淡入开始前的这个间隙里，可以做数据加载、布局刷新、焦点重置这些事情。只要保证新页面显示时是“准备好”的状态，用户就不容易感到等待。这里的一个小技巧是，如果加载时间不可控，可以先让一个简单的加载指示器淡入，等数据到位后再切到正式页面，避免新页面内容一半一半地出现。

6.3 后续还可以扩展什么

这套实现里所有动画都基于QPropertyAnimation，因此扩展起来很方便。比如给动画加上暂停、恢复、倍速播放的逻辑；在动画过程中用QParallelAnimationGroup同时驱动透明度、位置和缩放，做一个“淡入加轻微上浮”的组合效果；或者把FadeSwitcher扩展成支持任意页面切换序列，而不局限于QStackedWidget的index。

另外，如果项目将来迁移到QML，完全可以保留这套逻辑的语义，用QML里的OpacityAnimator和Behavior重建，迁移成本不大。我目前项目里用的这套封装的接口设计就是对着QML动画的行为来的，后续真要是往QML方向走，只需要改底层实现，不用动调用层。

最后再分享一个小技巧：在开发阶段，可以把动画时长临时调成1到2秒，方便肉眼检查过渡过程中的每一帧状态。调试完再改回正式值，这比单纯打断点看对象属性直观得多。这是我做过多次Qt动效之后觉得最高效的调试方法，你也可以试试。