胶囊与副岛

胶囊是星河岛的默认形态,以摄像头为中心显示事项中最重要的一至两项信息。多个事项同时进行时,次要事项以副岛形式显示在主岛两侧。

结构

胶囊由五个部分组成。应用只需提供内容,位置、尺寸与对齐方式由星河岛统一处理。

胶囊结构标注图
编号元素说明来源
1左侧图像内容自身的图像,如封面、头像、商品图或系统符号。未提供时显示应用图标。应用提供
2左侧标签图像右侧的简短状态文字,可省略。应用提供
3摄像头胶囊的中心,两侧内容以此对称分布。星河岛处理
4右侧内容一条文字、一个数值、一个计时,或进度环、加载指示、波形。应用提供
5尾部图标右侧文字后的附加元素,如电池图标或电量环,可省略。应用提供

对称布局

胶囊以摄像头为中心左右对称,两侧伸出的长度相同,由内容较长的一侧决定。

两侧长度 a 相同,较短一侧不单独缩短。
两侧长度 a 相同,较短一侧不单独缩短。

以上为默认排法。用户可在星流「布局与动画」页的「胶囊文字位置」中改为靠两端、靠摄像头或自定义。

胶囊长度

竖屏胶囊的长度由摄像头、两侧留白与内容共同决定,并夹在「最短长度」与「最长长度」之间。「最短长度」默认为 0%,此时胶囊按内容收窄;调大后,每个竖屏胶囊至少达到该长度。「最长长度」默认为屏幕宽度的 62%,可在 50%~80% 之间调整,是所有胶囊共用的最宽上限,带文字与不带文字的胶囊使用同一上限。允许滚动的文字放不下时,整条胶囊成为滚动文字带;计时放不下时胶囊为它加宽,但不超过屏幕宽度的 80% 与副岛的让位范围。横屏不受这两项设置影响。

按内容收窄(默认)
按内容收窄(默认)
「最短长度」调大后
「最短长度」调大后

没有内容可显示时,胶囊收窄为刚好放得下一个小图标的最小形态。

左侧图像

胶囊左侧始终显示图像。星河岛自己接收的通知显示通知自带的图像,没有时显示应用图标;外部应用接入时,左侧图片是必填项,可选择照片、单色图标、内置符号或应用图标。文字仅作为左侧标签显示在图像右侧。

订单商品图与「已接单」。
订单商品图与「已接单」。
电影海报与「待开场」。
电影海报与「待开场」。

右侧内容

右侧有文字时持续显示文字,其后最多附加一个尾部图标。右侧为计时时按实际时间走动,并始终完整显示:宽度不足时胶囊加宽,仍不足时缩小字号,最小为原字号的 75%。右侧无文字时可显示进度环、加载指示或波形。

数值与电池图标
数值与电池图标
数值与电量环
数值与电量环
秒数与交通信号灯
秒数与交通信号灯
计时完整显示
计时完整显示
接入提示右侧文字不以省略号截断,宽度有限。请提供简短、确定的文字或数值,避免整句描述;横屏时可另行提供简短文字。

文字颜色

胶囊文字默认为白色,用户可在星流「外观」页中更改;小标题也可带颜色。带有固定含义的颜色不随设置改变:

来电与通话#30D158
其他来源的计时#FF9F0A
录制#FF453A

系统秒表、计时器、闹钟与游戏计时按当前系统页面提供的颜色显示,不由星河岛另行指定颜色。系统服务的胶囊文字颜色照系统胶囊的官方颜色;外部应用可为右侧文字与小标题指定颜色,未指定时使用胶囊文字颜色。

来电
来电
计时器
计时器
录音
录音
外卖
外卖
导航
导航
交通信号灯
交通信号灯

副岛

同时存在多个事项时,优先级最高的事项作为主岛,其后的一至两个事项以圆形显示在主岛两端,即副岛。副岛仅显示一个元素,如头像、封面、应用图标或进度环,不显示文字。

播放音乐时连接充电器:充电显示为副岛。
播放音乐时连接充电器:充电显示为副岛。
收到新消息:消息成为主岛,音乐移至副岛。
收到新消息:消息成为主岛,音乐移至副岛。
外卖为主岛,耳机与充电分别显示在两侧。
外卖为主岛,耳机与充电分别显示在两侧。
接入提示副岛使用胶囊的左侧图像或右侧进度环。请为事项提供清晰、在小尺寸下仍可辨认的图像。

音乐进度环

「星河岛歌词」页的「胶囊进度」组提供「音乐进度环」开关与「进度环粗细」,默认关闭,不依赖「歌词」开关;「进度环粗细」默认 1.5,可在 0.5~3 之间调整。音乐作为主岛胶囊显示,且播放器提供有效的歌曲时长与播放位置时,胶囊边缘显示播放进度;副岛、展开卡片、息屏与场景隐藏时不显示。进度环沿胶囊外形绘制,不改变胶囊大小、位置与内容排布。