BiliPai 中文文档 下载 App

Material You 动态取色 — 让 BiliPai 的颜色跟壁纸走

Material You 是什么

Material You(也叫 Material 3 动态颜色)是 Google 在 Android 12 发布的一套设计语言核心特性。它的工作原理:

  1. 你设置一张桌面壁纸
  2. Android 系统从壁纸中提取几个主色调
  3. 系统自动生成一整套协调的颜色方案(主色、次色、强调色、背景色…)
  4. 所有支持 Material You 的 App 自动应用这套配色

这意味着你每次换壁纸,整个系统和所有兼容的 App(包括 BiliPai)的界面颜色都会跟着变,非常统一美观。

BiliPai 里的动态取色

BiliPai 作为一个现代 Jetpack Compose 应用,完整支持 Material You 动态取色。

开启方式

路径:设置 → 外观与主题 → 主题色 → 跟随系统(Material You)

也可以直接选"手动",然后从色板里挑一个固定颜色。

动态取色的前提

条件说明
Android 12+系统必须支持动态颜色 API
系统没被厂商阉割部分国产 ROM(早期 MIUI、早期 ColorOS)可能移除了 Material You
设置了壁纸动态取色从壁纸提取主色

不支持 Material You 的怎么办

BiliPai Material You 主题
BiliPai 首页,主色跟随壁纸动态提取

BiliPai 的三套主题风格

BiliPai 在 Material 3 之上还叠加了三套可选的视觉风格,让界面个性更丰富:

风格说明入口
Material 3 默认Google 官方 Material Design 3 风格,圆角大、色彩柔和设置 → 外观 → 主题风格
Miuix小米 MIUI 风格组件,更紧凑、更有秩序设置 → 外观 → 主题风格 → Miuix
Compose CupertinoiOS 风格组件(来自 compose-cupertino 开源库)设置 → 外观 → 主题风格 → Cupertino

三套风格共用同一套主题色(Material You 提取的),但组件形状、圆角、间距、阴影各有不同。切换风格不需要重启 App,即时生效。

为什么三套风格

开发者在项目 README 里说:"三套风格共享主题、组件、动效、模糊与适配策略"。这意味着不管你选哪套风格,底层的布局结构、动画、模糊效果都是同一套,只是 UI 组件的视觉表现不同。

好处:

深色模式

BiliPai 完整支持 Android 深色模式:

深色模式下 Material You 会自动生成适合深色背景的颜色方案(低饱和度、高对比度)。

动效与过渡

BiliPai 的动效系统基于:

可以在设置里关掉动效以节省性能:设置 → 外观 → 动画 → 关闭所有动画。

继续了解液态玻璃效果,看下一页 液态玻璃毛玻璃效果。