Echo Music Material You 动态取色与深色模式
Material You(Material 3)是什么
Material You 是 Android 12+ 引入的设计规范,特点是主题色从当前壁纸自动提取——系统所有 App 的 UI 控件颜色(按钮、标题、背景色)都会和你的手机壁纸色调自动协调。Echo Music 完整支持 Material You,这是它相对其他开源播放器在视觉层面的一个优势。
Material You 动态取色开启时
当你选择 Material 3 主题时:
- Echo Music 会读取你手机壁纸的主色调、次色调、强调色
- 首页卡片、按钮高亮、进度条、正在播放页的背景、通知栏颜色全部跟随壁纸色自动调整
- 如果是 Android 12+,会自动跟随系统 Material You 色板
- 如果是 Android 11 及以下,Echo Music 会自己分析壁纸生成一个近似色板(降级方案)
深色模式三种开关
在设置 → 外观 → 深色模式,Echo Music 有三种选择:
| 选项 | 行为 |
|---|---|
| 跟随系统 | 系统浅色就浅色、系统深色就深色。推荐 |
| 强制浅色 | 不管系统是什么模式,Echo Music 永远浅色 |
| 强制深色 | 不管系统是什么模式,Echo Music 永远深色。深夜刷手机或夜间通勤时推荐 |
Echo Music 的深色模式不是「简单反色」——它有独立的深色主题色板和对比度优化,文字不会糊、控件不会跟背景融在一起。
Liquid Glass 与深色模式的配合
Liquid Glass 主题下,深色模式的效果和 Material 3 不一样:
- Liquid Glass 强制深色:玻璃层会用半透明的黑色底,封面颜色比控件更突出,整体有一种「深夜电台」的氛围
- Liquid Glass 跟随系统浅色:玻璃层是半透明白色底,封面和控件颜色都相对柔和,不会太刺眼
- Liquid Glass Apple Inspired 强制深色:本来就是深色基底的设计,和深色模式配合最佳——整个正在播放页像一块流动的黑色玻璃
折叠屏与平板适配
Echo Music 对折叠屏和平板做了专门的布局适配:
- 折叠屏展开态:首页信息流变成两列网格;正在播放页自动切换成横屏布局(封面居左、歌词或队列居右)
- 平板大屏:Material 3 主题自动展开成 Material 3 Expanded 布局——顶部导航栏、侧栏库入口、主内容区三栏式
- 折叠态 / 手机态:自动收回到单栏,和普通手机体验一致
横屏优化
旋转手机横屏时:
- 首页:信息流列数自动增加(手机竖屏 1 列 → 横屏 2 列)
- 正在播放页:自动切成左封面、右歌词 / 队列的分屏布局
- 搜索页:结果列表变双列网格
横屏布局不影响任何功能,只是利用了宽屏空间让浏览更高效。