Echo Music 中文文档 下载 App

Echo Music Liquid Glass 主题三变体详解

Liquid Glass 是什么

Liquid Glass 是 Echo Music v5.x 引入的一套玻璃拟态(Glassmorphism)设计系统。它的核心理念是:让专辑封面以半透明液态玻璃的形式呈现,UI 控件在玻璃层上若隐若现,整个界面有一种「封面和控件在呼吸」的动感。

Liquid Glass 有三种变体,在视觉风格和交互细节上各有侧重。它们都共享相同的功能逻辑,只是呈现方式不同。

变体一:Liquid Glass Default

最完整的 Liquid Glass 体验。封面在中央以半透明玻璃态悬浮,周围有柔和的模糊和渐变;底部控件呈胶囊状半透明玻璃按钮,文字颜色跟随封面色调自动调整。上下滑动时封面有细微视差,仿佛玻璃层在「浮动」。

适合:想要一个现代化、有质感但又不过度强调某个特定风格的默认选择。

Liquid Glass Default 主题
Liquid Glass Default:封面玻璃拟态、半透明控件、柔和模糊边界

变体二:Liquid Glass Apple Inspired

Apple Music 风格的 Liquid Glass 变体。

主要差异点:

适合:喜欢 iOS / Apple Music 风格、想要视觉冲击力强的用户。

Liquid Glass Apple Inspired 主题
Liquid Glass Apple Inspired:封面更大、控件更靠底部、深色基底

变体三:Liquid Glass Apple Inspired(While Scrolling)

Apple Inspired 的滚动版本。区别只有在歌词视图或队列面板滚动时才显现:

适合:一边听歌一边快速浏览长歌词的人。

Liquid Glass Apple Inspired 滚动中
While Scrolling:滚动时封面缩小、歌词区域放大

三种变体 vs Material 3 的关系

Echo Music 有四层视觉层次可选:

主题底层风格正在播放页样式
Material 3(默认)系统原生 Material You居中封面 + 圆角胶囊控件 + 动态取色
Liquid Glass DefaultLiquid Glass玻璃拟态浮动封面
Liquid Glass Apple InspiredLiquid Glass大号封面 + Apple 风格控件
Liquid Glass While ScrollingLiquid Glass大号封面 + 滚动时封面缩小

在设置 → 外观 → 主题 里可以在四种之间切换。切换是实时的,不需要重启 App。

Liquid Glass 会不会更耗电

不会。开发者在 CHANGELOG 和 README 里都特别提到:Liquid Glass 的渲染经过 GPU 加速优化,Canvas 动画用的是 Echo Music 底层已经在用的同一套引擎。和 Material 3 相比,耗电量几乎没差。

Liquid Glass 的适用场景

场景推荐
日常默认使用Liquid Glass Default
想接近 Apple Music 感觉Liquid Glass Apple Inspired
长时间看歌词Liquid Glass While Scrolling
系统浅色模式、想搭 Material You 动态取色Material 3
小屏手机、视觉想紧凑Material 3(配合 UI 密度缩放)