Android 如何从特定图像设置动态背景颜色

Question

我见过一些像 DataDex 这样的应用程序，我想它们有类似于卡片视图和背景的动态颜色，正如我们在这里看到的那样：

这种颜色也适用于详细视图：

我想这些颜色是从图像本身生成的，但我不知道哪个库或 API 在使用。有什么提示吗？

Answer 1

您可以使用 Palettes 的动态颜色。 Material Design 鼓励动态使用颜色，尤其是当您要处理丰富的图像时。新的 Palette support library 允许您从图像中提取一小组颜色来设置 UI 控件的样式以匹配；创造身临其境的体验。

您可以通过两种方式实现调色板：

同步：

Palette palette = Palette.from(bitmap).generate();
// OR
Palette palette = Palette.from(bitmap).maximumColorCount(numberOfColors).generate();

位图中传入的是要从中提取颜色的图像。默认情况下，它将使用最大 16 种颜色的调色板。然后我们可以使用如下所示的颜色。

// Pick one of the swatches
Palette.Swatch vibrant = palette.getVibrantSwatch();
if (vibrant != null) {
    // Set the background color of a layout based on the vibrant color
    containerView.setBackgroundColor(vibrant.getRgb());
    // Update the title TextView with the proper text color
    titleView.setTextColor(vibrant.getTitleTextColor());
}

异步：

通过将 PaletteAsyncListener 传递给生成方法，它现在将使用 AsyncTask 从位图中收集调色板样本信息来异步生成调色板：

// This is the quick and easy integration path. 
// May not be optimal (since you're dipping in and out of threads)
Palette.from(bitmap).maximumColorCount(numberOfColors).generate(new Palette.PaletteAsyncListener() {
    @Override
    public void onGenerated(Palette palette) {
         // Get the "vibrant" color swatch based on the bitmap
         Palette.Swatch vibrant = palette.getVibrantSwatch();
          if (vibrant != null) {
              // Set the background color of a layout based on the vibrant color
              containerView.setBackgroundColor(vibrant.getRgb());
              // Update the title TextView with the proper text color
              titleView.setTextColor(vibrant.getTitleTextColor());
          }
    }
});

更多信息，请查看documentation。

Android 如何从特定图像设置动态背景颜色

Android How to set dynamic background color from specific Image

android

android-fragments

android-studio

android-cardview

同步：

异步：