液态玻璃毛玻璃效果 — 底栏和播放器的模糊背景

毛玻璃的设计理念

现代 UI 设计的一个趋势是"层次模糊"——界面元素不再是清晰分层的方块，而是半透明叠加在内容上方，透过玻璃能看到背后的内容，但又不会被遮挡。

这种效果在 iOS 上叫 "Frosted Glass"，在 Android 上因为 Android 12 新增了背景模糊 API 才得以原生支持。BiliPai 把它做成了自己的特色——液态玻璃。

BiliPai 里哪里有液态玻璃

技术实现

BiliPai 使用了开源库 Haze 2 来实现液态玻璃效果：

• Haze 基于 Android 12+ 新增的 RenderEffect API
• 通过 GPU 合成模糊效果，性能开销可控
• 兼容 Jetpack Compose 的声明式 UI 体系

在 Android 11 及以下系统上，Haze 会自动降级——用一个半透明深色背景代替毛玻璃（不是真模糊，但视觉上接近）。

可调参数

路径：设置 → 外观与主题 → 液态玻璃

可以调整：

如果设备性能一般，可以调低模糊强度——数值 20 以下通常就够了，既不挡内容又省电。

关闭液态玻璃

如果你不喜欢毛玻璃效果，或者觉得性能不够：

• 设置 → 外观 → 液态玻璃 → 模糊强度调到 0
• 或直接切换主题风格（比如选 Material 3 默认风格，它的毛玻璃比其他风格弱）

液态玻璃 vs iOS 风格底栏

BiliPai 的 iOS 风格底栏（Dock）和液态玻璃是配合使用的：

• Dock 底部胶囊导航条本身就是一个液态玻璃组件
• 配合 Compose Cupertino 风格按钮，视觉上接近 iOS 的原生体验
• 但仍然是在 Android 系统上运行的原生 Kotlin 应用，不是 WebView 套壳

性能影响

液态玻璃需要 GPU 做实时模糊计算，对性能有一定影响：

• 旗舰芯片（骁龙 8 Gen 2+）：几乎无感
• 中端芯片：轻微增加功耗，长时间使用可能发热
• 老设备：建议调低模糊强度或关闭

但 Haze 库做了很多性能优化（比如只对可见区域做模糊、用帧缓存减少重复计算），实际开销比预期小得多。

下一页 Miuix 与三套视觉风格 展开介绍 BiliPai 的三套可选视觉风格。