在 aosp 中启用 Material You design

作者：Mr_万能胶

近期研究了一下如何在 aosp 中启用 Material You design，在把踩过的坑记录一下，方便后续有厂商可以快速集成。

本文基于 aosp 最新代码，版本号为 Android 13，并使用 Cuttlefish 快速验证。

Material You design 是什么

Material You design 是 Google 2021年5月18日宣布的最新视觉设计风格，我经常把它简单描述成“你一眼看上去那种扁扁的，彩色的，都是矢量图形的风格”，下面这张图大家看一眼就明白了。

Google 对自己的这套视觉风格一直很自信。这套主题最大的特点就是，它有一个“主题色”的概念。用户选择了一个主题色之后，系统里的大部分控件，只要应用了这套主题，颜色都会跟着变成这个主题色。而除了应用，框架里比如 SystemUI 这样的模块，由于也应用了这套主题，因此也会跟着主题色走。

aosp 在 2021年8月也导入了这套主题，但不知道为什么一直没有默认启用，这篇文章就教大家如何启用。

在框架中启用 Material You design

配置 SystemUI

打开 frameworks/base/packages/SystemUI/res/values/flags.xml，确保 flag_monet值为 true。这一点 aosp 最新版本现在默认值已经为 true 了，作为厂商可以二次确认一下，防止编译时被 overlay 了。

为 ThemePicker 配置权限

Google 把 Pixel 的壁纸选择器脱敏之后，开源在了 packages/apps/ThemePicker，但是他们似乎把权限配置文件忘记开源了，如果我们直接把 ThemePicker 编进系统，开机之后 system_server 会一直报错如下：

 java.lang.IllegalStateException: Signature|privileged permissions not in privapp-permissions allowlist: {com.android.wallpaper (/system_ext/priv-app/ThemePicker): android.permission.SET_WALLPAPER_COMPONENT, com.android.wallpaper (/system_ext/priv-app/ThemePicker): android.permission.BIND_WALLPAPER, com.android.wallpaper (/system_ext/priv-app/ThemePicker): android.permission.WRITE_SECURE_SETTINGS, com.android.wallpaper (/system_ext/priv-app/ThemePicker): android.permission.READ_WALLPAPER_INTERNAL, com.android.wallpaper (/system_ext/priv-app/ThemePicker): android.permission.MODIFY_DAY_NIGHT_MODE, com.android.wallpaper (/system_ext/priv-app/ThemePicker): android.permission.CHANGE_OVERLAY_PACKAGES}
      at com.android.server.pm.permission.PermissionManagerServiceImpl.onSystemReady(PermissionManagerServiceImpl.java:4389)
      at com.android.server.pm.permission.PermissionManagerService$PermissionManagerServiceInternalImpl.onSystemReady(PermissionManagerService.java:739)
      at com.android.server.SystemServer.startOtherServices(SystemServer.java:2719)
      at com.android.server.SystemServer.main(SystemServer.java:651)
      at java.lang.reflect.Method.invoke(Native Method)
      at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:552)
      at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930)

解决方案也简单，我们只需要把权限配置补上就行。在 packages/apps/ThemePicker下面新建一个 privapp_whitelist_com.android.wallpaper.xml，内容如下：

接着打开 packages/apps/ThemePicker/Android.bp，找到 android_app ，在里面做如下改动：

android_app {
    name: "ThemePicker",
    defaults: ["ThemePicker_defaults"],

    platform_apis: true,
    manifest: "AndroidManifest.xml",
    additional_manifests: [":WallpaperPicker2_Manifest"],
    overrides: ["WallpaperPicker2"],
    required: ["privapp_whitelist_com.android.wallpaper"],
    privileged: true,
}

prebuilt_etc {
    name: "privapp_whitelist_com.android.wallpaper",
    system_ext_specific: true,
    src: "privapp_whitelist_com.android.wallpaper.xml",
    sub_dir: "permissions",
    filename_from_src: true,
}

添加 ThemePicker、ThemesStub 到 PRODUCT_PACKAGES

由于计划用 Cuttlefish 验证，因此打开 device/google/cuttlefish/vsoc_x86_64/phone/aosp_cf.mk，在末尾添加：

PRODUCT_PACKAGES += \
    ThemePicker \
    ThemesStub \

ThemePicker、ThemesStub 是两个不同的 Apk，前者实现了原生 WallpaperPicker2 模块的部分接口，后者是 Material You design 在 aosp 的默认颜色方案，具体介绍可以在 这里 查看。

启用主题图标（Themed icon）功能

Google 并没有提供这一块的文档，但是我们可以从 ThemePicker 的源码里寻找蛛丝马迹。

查看 packages/apps/ThemePicker/src/com/android/customization/model/themedicon/ThemedIconSwitchProvider.java

/** Returns the {@link ThemedIconSwitchProvider} instance. */
public static ThemedIconSwitchProvider getInstance(Context context) {
    if (sThemedIconSwitchProvider == null) {
        Context appContext = context.getApplicationContext();
        sThemedIconSwitchProvider = new ThemedIconSwitchProvider(
                appContext.getContentResolver(),
                new ThemedIconUtils(appContext,
                        appContext.getString(R.string.themed_icon_metadata_key)),
                (CustomizationPreferences) InjectorProvider.getInjector()
                        .getPreferences(appContext));
    }
    return sThemedIconSwitchProvider;
}

---

com.android.launcher3.themedicon.option

一下子就明白了，原来是通过读取 Launcher 有没有对应的 meta-data 来判断的，如此一来就好办了，我们需要修改 packages/apps/Launcher3/AndroidManifest.xml 和packages/apps/Launcher3/quickstep/AndroidManifest-launcher.xml 这两个文件，补上对应的 meta-data:

Material You design 效果验证

启动 Cuttlefish，依次进入Settings ->Wallpaper，可以看到多出来一个 Wallpaper & style 应用，这个就是我们上面集成的 ThemePicker。

打开之后，可以在下面看到主题色选项：

切换一个颜色，然后拉下通知中心查看，可以看到整个系统的控件都变成了对应的颜色：

再换一套其它的颜色看看：

最后，检查一下主题图标（Themed icon）功能 是否正常：

厂商定制 FAQ

Q：我一定要用 aosp 的这个 ThemePicker 吗？

A：不一定，aosp 的 ThemePicker 也只是 Pixel 里“抠”出来的，目的是告诉你对应的颜色值需要怎么设置，本质其实是向 Settings.Secure.THEME_CUSTOMIZATION_OVERLAY_PACKAGES写入了一些配置，具体可以参考 ColorCustomizationManager，把里面的逻辑抽到厂商自己的主题美化 App 或其他职能模块去。

cs.android.com/android/pla…

Q：ThemesStub 是一定需要的吗？

A：取决于你是否用原生的 ThemePicker，如果决定用原生的 ThemePicker，就必须要。ThemesStub 包含了一套预先定义好的主题色方案，厂商可以通过 RRO 的方式来修改这些色值，或者也可以参考 Stub APK format 来开发自己的 ThemesStub。注意，如果选择原生 ThemePicker + 自己开发 ThemesStub，需要修改 /packages/apps/ThemePicker/res_override/values/override.xml，告诉 ThemePicker 你的 ThemesStub 包名是什么。

    
    
    
        com.android.customization.themes
    

Q：为什么第三方 App 装到我的手机上，还是没办法跟随主题色？

A：可能是你的厂商不在 Google 的 Material Design 库 白名单 ，你需要 提单 请他们加上。（搞不明白为啥要这么麻烦）

Android 学习笔录

Android 性能优化篇：https://qr18.cn/FVlo89
Android 车载篇：https://qr18.cn/F05ZCM
Android 逆向安全学习笔记：https://qr18.cn/CQ5TcL
Android Framework底层原理篇：https://qr18.cn/AQpN4J
Android 音视频篇：https://qr18.cn/Ei3VPD
Jetpack全家桶篇（内含Compose）：https://qr18.cn/A0gajp
Kotlin 篇：https://qr18.cn/CdjtAF
Gradle 篇：https://qr18.cn/DzrmMB
OkHttp 源码解析笔记：https://qr18.cn/Cw0pBD
Flutter 篇：https://qr18.cn/DIvKma
Android 八大知识体：https://qr18.cn/CyxarU
Android 核心笔记：https://qr21.cn/CaZQLo
Android 往年面试题锦：https://qr18.cn/CKV8OZ
2023年最新Android 面试题集：https://qr18.cn/CgxrRy
Android 车载开发岗位面试习题：https://qr18.cn/FTlyCJ
音视频面试题锦：https://qr18.cn/AcV6Ap