动效

胶囊展开、卡片收起、内容更新与手势操作的动画。动画由星河岛提供;应用负责提交内容及状态。

出现与退出

在有摄像头开孔的屏幕上,胶囊自摄像头处生长而出:黑色主体自第一帧起不透明,外形生长至约 35% 后内容淡入。退出时收缩至摄像头大小后消失,描边与内容先行淡出。没有开孔的屏幕以淡入淡出方式显示。

展开与收起

外卖胶囊展开为卡片的动画
胶囊展开为卡片,停留后收起。

两套布局的衔接

胶囊与展开卡片分别绘制各自的图标、图片、数字、文字与波纹。展开时,胶囊内容在原位淡出,卡片内容按自身布局随卡片整体淡入;收起时卡片内容淡出,胶囊内容在外形接近到位后恢复。两种布局之间不移动图标、封面或计时,避免同一元素在展开途中跳位。

接入提示胶囊左侧图像与卡片主图使用同一张图像时,两边的观感仍然一致。

内容更新

外卖卡片内容更新的动画
由「已接单」更新为「送货中」:进度条与骑手图标平滑移动,文字向上切换。
变化过渡方式
文字原文字上移淡出,新文字自下方进入
数字仅滚动变化的位数
进度条约 0.36 秒平滑移动至新位置
图像新图像由 92% 放大至原始大小,原图像淡出,约 0.3 秒;音乐封面使用官方立体翻转程序,旧封面转到背面,新封面从背面转出
颜色约 0.42 秒完成过渡
接入提示同一事项请使用相同的标识更新,星河岛据此执行上述局部过渡;更换标识会被视为新的事项。

内容切换

卡片切换为另一事项的动画
卡片展开时切换为另一事项:原内容向上退出,新内容自下方进入,卡片高度随新内容调整。

切换后,原内容上的按钮随即失效。副岛切换内容时,原图标缩小至 80% 淡出,新图标从 80% 放大淡入。

抖动提醒

胶囊左右抖动的动画
关键节点的抖动提醒。

事项到达关键节点时,胶囊左右轻微抖动:最大位移约 4 dp,往复三次且幅度递减,0.6 秒内停止;摄像头位置不变。卡片展开、横屏、息屏与系统关闭动画时不抖动;「胶囊晃动」默认关闭,用户在星流「布局与动画」页开启后,外卖送达、车辆到达这类重要提醒时才会抖动。

循环动效

动效说明
波形音乐专用。四条竖线随音乐起伏;暂停时自左至右依次收为圆点。
音量波形外部应用可要求在胶囊右侧显示:五条细线随声音起伏,表示正在收音或播放。
加载指示无具体进度时,胶囊显示在细环上旋转的高亮弧段,卡片显示往返移动的高亮段。
呼吸图标明暗变化,每 3 秒一个周期,最暗时亮度为 65%。