从 A 页面跳到 B 页面，没有转场动画就像在看 PPT 一样生硬 4 种常见转场动画类型和使用场景👇 📌 类型一：推入/推出（Push） B 页面从右侧推入，A 页面从左侧推出 最经典的导航跳转动画，iOS 的默认转场就是这个 适合：层级递进的导航（列表 → 详情） 📌 类型二：底部弹出（Bottom Sheet / Modal） B 页面从底部滑出，覆盖在 A 页面上方 适合：临时性操作（评论、分享、筛选），不需要离开当前页面 📌 类型三：淡入淡出（Fade / Cross Dissolve） A 渐渐消失，B 渐渐出现 适合：同层级切换（Tab 之间）、状态变化（登录前 → 登录后） 📌 类型四：共享元素转场（Shared Element Transition） A 页面的某个元素（如图片缩略图）平滑过渡到 B 页面的对应位置 最高级的转场效果，给用户强烈的空间连续感 适合：图片列表 → 图片详情、卡片 → 详情页 💡 选择原则： 往深层走 → Push（从右进来） 临时操作 → Bottom Sheet（从下弹出） 同级切换 → Fade（淡入淡出） 有明确关联元素 → Shared Element ❌ 避免的情况： 所有页面都用同一种转场 → 失去方向感 转场动画超过 400ms → 用户觉得卡 返回动画和进入动画不对称 → 空间逻辑混乱 好的转场让用户"知道自己从哪来，到了哪里"🧭