企业官网建设流程全解析

淡入淡出、缩放弹跳、水平平移是界面里最常用的三种基础动画，分别对应透明度、缩放和位移三种属性变化，几乎覆盖了所有「元素出现」和「状态强调」的场景。这篇把它们放在同一个示例里，每个效果都配了一次性入场动画和自动循环的演示动画，演示完还能用按钮手动触发，方便对照着看。

三个效果虽然基础，但各自藏着一个容易踩的细节：入场和循环动画怎么衔接不打架、弹性回弹怎么调才不浮夸、平移为什么用视觉偏移而不是改坐标。这篇逐个说清楚。

演示效果

涉及的技术要点：

• NumberAnimation控制透明度、缩放、位移
• Translate与位置属性的区别与使用场景
• ParallelAnimation同步多个属性变化
• SequentialAnimation串联入场与循环动画
• ScriptAction在动画序列中启动另一个动画
• 不同缓动带来的手感差异

以下演示代码来自qml_container/Demo_AnimationBasic.qml，为便于阅读，只展示了关键代码。

演示代码