展开卡片结构

展开卡片的来源栏、图片、文字、进度和操作区域,以及位置与外观设置。

来源、内容与操作

卡片顶部的来源栏显示实际发送内容的应用;正文显示这项内容的标题、说明、图片和操作。来源栏可由用户在「显示规则」中关闭。

停车服务卡片中的来源、标题、说明和费用
停车服务示例:应用来源与停车信息分别显示
位置内容
来源栏实际发送应用的图标和名称;应用提供时间时显示发送时间。
主图头像、封面、商品图片或符号。
标题与说明例如预计送达时间、停车位置和当前状态。
主要数值费用、剩余时间、电量或其他需要突出显示的数值。
操作区应用提供的按钮、回复框、播放控制或进度条。

配送进度

OPPO 系统流体云中的美团配送卡片
ColorOS 系统流体云:美团配送

商品图片、预计送达时间、骑手状态和接单、取餐、送达进度均来自系统流体云。

卡片位置

卡片默认在摄像头下方:卡片自状态栏下方展开,顶部不画黑色,来源栏显示在卡片第一行,与状态栏的距离可通过「卡片与摄像头间距」调整。用户也可在星流「布局与动画」页将「展开卡片位置」设为「包住摄像头」:卡片自胶囊上沿展开,摄像头位于卡片顶部的黑色区域内,来源栏写在摄像头两侧。横屏不受此设置影响。

在摄像头下方(默认)
在摄像头下方(默认)
包住摄像头
包住摄像头

尺寸与留白

本规范中的尺寸单位为 dp,即与屏幕密度无关的长度单位。

项目数值
卡片下沿留白16 dp;最后一行为按钮时按按钮下沿计算
在摄像头下方与横屏时的上沿留白16 dp
卡片圆角跟随屏幕圆角,取屏幕圆角减去卡片与屏幕边缘的距离,范围 24–36 dp
主图44 dp;非方形图像按原比例显示,最宽为高度的两倍
大图宽度与卡片一致,最大高度 140 dp,圆角 14 dp
进度条粗细 6 dp,两端圆角

材质

用户可在「外观」中选择背景、模糊方式、圆角与边缘效果。背景样式不改变卡片中的文字、图片和操作。

音乐卡片的柔光与边缘颜色可跟随封面;其他卡片使用白色柔光。音乐展开和切歌时显示扩散光。

音乐卡片:光效跟随封面颜色。
音乐卡片:光效跟随封面颜色。
外卖卡片:光效为中性白色,卡片表面不随官方底色改变。
外卖卡片:光效为中性白色,卡片表面不随官方底色改变。

卡片颜色

音乐卡片的光效颜色跟随封面,其他卡片使用中性白色光效。颜色变化时,如切换歌曲,约 0.42 秒完成过渡。

卡片颜色处理
系统事件卡片系统提供的卡片(如外卖配送、打车、导航与气象预警)统一使用星河岛的中性背景材质,不按官方底色改变整张卡片表面;来源提供的标题、进度与按钮颜色照官方保留
音乐卡片光效跟随封面取色(「星河岛歌词」页的「封面取色」,默认开启);封面无法取色或已关闭时为白光
其他卡片中性白色柔光与轮廓光;强调色用于主要按钮、进度条与放大数值,不用于卡片表面

用户将卡片背景设为纯色、跟随壁纸颜色、图片或动态背景时,卡片按用户的选择显示。卡片的背景、边缘效果与投影可在星流「外观」页中调整。

强调色

每个事项具有各自的强调色:优先使用应用指定的颜色;应用未指定时取应用图标主色,接近黑白灰的图标不取色。过暗的颜色会被提亮至清晰可辨。卡片中的主要按钮、进度条与放大数值使用强调色;卡片光效不使用强调色。

锁屏显示

锁屏时的显示范围与系统锁屏通知设置一致。应用可为事项声明锁屏可见范围:

可见范围锁屏时显示
完整显示与解锁时一致;标记为「需解锁」的按钮单独隐藏
仅显示标题标题、头像与应用图标;不显示正文、图片、按钮与回复栏
不显示锁屏时不在星河岛显示