发布时间:2025-06-22 来源:A
6月18号,华为开发者联盟官网公布了HarmonyOS实况窗功能中的通用胶囊模板设计。
该设计是HarmonyOS实况窗功能在挖空设备上进行软硬结合的显示,与状态栏固定元素(时间、信号、电池等)共存,可以产生联动与挤压,胶囊内的显示内容需是最精简、最重要的内容,保证用户一瞥即得。
胶囊本身由系统提供黑色微渐变 /和纯黑透明样式,根据场景自适应显示,图标用于表示业务来源,提升胶囊的易读性和辨识度,文本尽量精简避免冗余,颜色为#FFFFFF,不支持定制。
为确保胶囊一致性及美观性,系统将裁切图标形成同心圆效果。
单文本时,图标单独显示在左侧,文本单独显示在右侧;双文本时,图标和主文本显示在左侧,副文本显示在右侧。
考虑到多设备场景适配(包含单孔、多孔屏上的显示),主文本应为1-3个中文字符;副文本应为1-6个中文字符。
超长文本,在不同设备可用空间上,用渐隐效果展示,支持跑马灯,但为避免两端文本同时跑马造成使用困扰,仅支持胶囊右侧文本跑马灯。