跳到正文

入场与退场

淡入 / 淡出

Fade in / Fade out

位置和大小保持不变,只改变不透明度。适合提示、浮层背景等轻量的出现与消失。

已显示已按系统设置减少动态效果,直接显示变化结果。

观察卡片变得透明,位置始终不变。

滑入

Slide in

内容从一侧移入可见区域。进入方向可以提示它来自哪里,适合侧边栏或通知。

已显示已按系统设置减少动态效果,直接显示变化结果。

选择一个方向,再重播观察内容如何进入。

缩放进入

Scale in

元素从略小的尺寸放大到正常大小,并逐渐显现。常用于菜单或浮层的出现。

已显示已按系统设置减少动态效果,直接显示变化结果。

放大到正常尺寸后就停下,不产生回弹。

弹入

Pop in

元素略微超过目标大小,再回到正常尺寸。轻微的回弹可以强调完成或成功。

已显示已按系统设置减少动态效果,直接显示变化结果。

切换到慢速,观察超过目标尺寸后回落的过程。

揭示

Reveal

通过移动裁切边界,逐步露出已有内容。内容本身保持原来的位置和尺寸。

已显示已按系统设置减少动态效果,直接显示变化结果。

观察边界从左向右展开,同时露出图形和标题。

进入 / 退出

Enter / Exit

添加或移除元素时播放的动画。退出时先完成动作,再移除元素,保持变化连续。

已显示已按系统设置减少动态效果,直接显示变化结果。

先移除通知,再重新添加。退出比进入更快。