musicfree 中文文档 下载 App

主题与外观——深浅色模式和自定义背景

为什么有主题定制

MusicFree 的界面代码和音源代码解耦后,宿主可以专注做视觉和交互。主题定制就是宿主原生能力——与插件无关,所有版本都有。

深浅色模式

设置 → 主题设置中可以在浅色和深色两种内置主题间切换。切换即时生效,不需要重启应用。

浅色模式适合白天光线充足的环境;深色模式在夜间或暗光下护眼,部分界面元素会用更柔和的强调色。

主题设置
主题设置页——深浅色模式和背景选项

自定义背景

MusicFree 还支持设置自定义背景图片——可以从相册选一张图,作为播放页或歌单页的背景底图。

设置步骤:

  1. 进入侧边栏 → 主题设置。
  2. 找到「自定义背景」选项。
  3. 从文件管理器选择一张图片。
  4. 确认应用。

背景图会被应用到播放封面页、歌词页等主要视觉区域。选图时建议使用色彩不太过饱和的图片,否则歌词文字可能难以辨认。

基础设置一览

除了主题和背景,基础设置页还有一些实用选项:

基础设置
基础设置页——播放行为与系统交互选项

界面布局

MusicFree 的 UI 框架是固定的(React Native / Electron 原生组件),用户无法调整组件排列——能定制的仅限于配色、深浅色和背景图。如果需要更激进的界面改造,只能自己 fork 源码修改后重新打包。