Echo Music Liquid Glass 主题三变体详解
Liquid Glass 是什么
Liquid Glass 是 Echo Music v5.x 引入的一套玻璃拟态(Glassmorphism)设计系统。它的核心理念是:让专辑封面以半透明液态玻璃的形式呈现,UI 控件在玻璃层上若隐若现,整个界面有一种「封面和控件在呼吸」的动感。
Liquid Glass 有三种变体,在视觉风格和交互细节上各有侧重。它们都共享相同的功能逻辑,只是呈现方式不同。
变体一:Liquid Glass Default
最完整的 Liquid Glass 体验。封面在中央以半透明玻璃态悬浮,周围有柔和的模糊和渐变;底部控件呈胶囊状半透明玻璃按钮,文字颜色跟随封面色调自动调整。上下滑动时封面有细微视差,仿佛玻璃层在「浮动」。
适合:想要一个现代化、有质感但又不过度强调某个特定风格的默认选择。

变体二:Liquid Glass Apple Inspired
Apple Music 风格的 Liquid Glass 变体。
主要差异点:
- 封面更大:几乎占满整个屏幕上半部分
- 控件更靠底部:向 Apple Music 的控件排布靠拢
- 深色基底:默认用深色基调,就算系统是浅色模式也会偏深
- 更纯粹的半透明:控件玻璃层更薄、更通透
- 封面边缘模糊更自然:参考 Apple Music 的封面呈现方式
适合:喜欢 iOS / Apple Music 风格、想要视觉冲击力强的用户。

变体三:Liquid Glass Apple Inspired(While Scrolling)
Apple Inspired 的滚动版本。区别只有在歌词视图或队列面板滚动时才显现:
- 滚动时封面会持续缩小,从几乎全屏缩成一个小缩略图固定在顶部
- 歌词玻璃层会持续放大,最终填满屏幕
- 整个过渡比 Default 更激进、更快
适合:一边听歌一边快速浏览长歌词的人。

三种变体 vs Material 3 的关系
Echo Music 有四层视觉层次可选:
| 主题 | 底层风格 | 正在播放页样式 |
|---|---|---|
| Material 3(默认) | 系统原生 Material You | 居中封面 + 圆角胶囊控件 + 动态取色 |
| Liquid Glass Default | Liquid Glass | 玻璃拟态浮动封面 |
| Liquid Glass Apple Inspired | Liquid Glass | 大号封面 + Apple 风格控件 |
| Liquid Glass While Scrolling | Liquid 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 密度缩放) |