基于Material 3：如何通过图片/视图生成并应用动态内容主题？

背景 #

Material 3设计指南支持**基于内容（而非用户当前壁纸）**的动态主题设定，目前Android中通过DynamicColors.applyToActivityIfAvailable(this)可快速应用基于壁纸的动态主题，针对基于内容生成并应用主题的需求，可参考以下实现方案：

1. 基于内容（视图/图片）生成主题 #

核心逻辑是提取目标内容的主色调，再基于该颜色生成符合Material 3规范的完整色彩方案：

• 提取内容主色调：使用AndroidX的Palette类从Bitmap中提取调色板，可按需选择主色、活力色、柔和色等不同色调
• 生成Material 3色彩方案：通过Material库的DynamicColorScheme类，以提取的颜色为种子色生成适配系统配置的动态色彩体系

示例代码：

import androidx.palette.graphics.Palette
import com.google.android.material.color.DynamicColorScheme

// 从目标图片Bitmap提取调色板
val palette = Palette.from(contentBitmap).generate()
// 获取主色调（可替换为vibrantSwatch、mutedSwatch等满足不同视觉需求）
val seedColor = palette.dominantSwatch?.rgb ?: android.graphics.Color.BLUE
// 基于种子色生成Material 3动态色彩方案
val dynamicColorScheme = DynamicColorScheme.fromSeedColor(
    seedColor,
    resources.configuration,
    /* 是否启用暗色模式可按需设置 */ false
)

如果需要从视图区域提取颜色，可先将视图转为Bitmap，再执行上述流程。

2. 应用生成的主题 #

根据项目使用的UI框架（View系统/Jetpack Compose），有两种常用实现方式：

针对View系统项目

通过创建主题覆盖层（ThemeOverlay），将自定义色彩方案应用到Activity：

import com.google.android.material.theme.ThemeOverlay

// 创建包含自定义色彩方案的主题覆盖层
val customThemeOverlay = ThemeOverlay.create(this, dynamicColorScheme)
// 应用主题覆盖层
applyThemeOverlay(customThemeOverlay)
// 重新创建Activity使主题生效
recreate()

针对Jetpack Compose项目

直接在MaterialTheme中传入生成的ColorScheme即可：

import androidx.compose.material3.MaterialTheme

MaterialTheme(
    colorScheme = dynamicColorScheme,
    typography = MaterialTheme.typography,
    shapes = MaterialTheme.shapes
) {
    // 你的Compose布局内容
}

依赖要求

确保项目依赖最新版Material 3库，在模块级build.gradle（或build.gradle.kts）中添加：

implementation 'com.google.android.material:material:1.11.0'

内容的提问来源于stack exchange，提问作者Pujie