android - 了解使用 ColorMatrix 和 ColorMatrixColorFilter 修改 Drawable 的色调

Question

我正在开发应用程序的 UI，我正在尝试使用灰度图标，并允许用户将主题更改为他们选择的颜色。为此，我试图仅应用某种 ColorFilter 以在可绘制对象的顶部覆盖颜色。我试过使用 PorterDuff.Mode.MULTIPLY，它几乎完全符合我的需要，除了白色也会被颜色覆盖。我理想中寻找的是类似于 Photoshop 中的“颜色”混合模式，其中图形保留其透明度和亮度，并且只修改图像的颜色。例如:

变成

在做了一些研究之后，似乎 ColorMatrixColorFilter 类可以满足我的需要，但我似乎找不到任何指向如何使用矩阵的资源。这是一个 4x5 矩阵，但我需要知道的是如何设计矩阵。有什么想法吗？

编辑:好吧，到目前为止我发现的内容如下:

1 0 0 0 0 //red
0 1 0 0 0 //green
0 0 1 0 0 //blue
0 0 0 1 0 //alpha

此矩阵是单位矩阵(应用时，不做任何更改)，数字范围从 0 到 1( float )。该矩阵将与每个像素相乘以转换为新颜色。所以这就是我开始变得模糊的地方。所以我认为每个像素都是一个 1 x 4 的向量，其中包含 argb 值(例如 0.2, 0.5, 0.8, 1)，这些值将点缀着变换矩阵。因此，要将图像的红色强度加倍，您可以使用如下矩阵:

2 0 0 0 0 
0 1 0 0 0 
0 0 1 0 0 
0 0 0 1 0 

这会给你一个 0.4, 0.5, 0.8, 1 的向量(颜色)。从有限的测试来看，这似乎是这种情况，并且工作正常，但我实际上仍然遇到了同样的问题(即白人获得着色)。进一步阅读告诉我，这是因为它正在对 RGB 值进行转换，而对于色相偏移，应首先将这些值转换为 HSL 值。所以可能我可以编写一个类来读取图像并转换颜色，然后用新颜色重新绘制图像。这给 StateListDrawables 带来了另一个问题，因为我不确定如何在代码中获取这些内容并修改所有这些内容，以及它的处理速度有多慢。 :/

嗯，好吧，所以我想我还有一个问题是矩阵是否可以用于将 RGB 转换为具有亮度信息的另一个颜色空间，例如 Lab 或 HSL？如果是这样，我可以乘以该转换的矩阵，然后对该矩阵进行色调调整，然后将该矩阵应用为 ColorFilter。

Answer 1

这是我在游戏中使用的。这是网站上各种文章中的各个部分的汇编。致谢来自@see 链接的原作者。请注意，使用颜色矩阵可以完成更多工作。包括反相等……

public class ColorFilterGenerator
{
    /**
 * Creates a HUE ajustment ColorFilter
 * @see http://groups.google.com/group/android-developers/browse_thread/thread/9e215c83c3819953
 * @see http://gskinner.com/blog/archives/2007/12/colormatrix_cla.html
 * @param value degrees to shift the hue.
 * @return
 */
public static ColorFilter adjustHue( float value )
{
    ColorMatrix cm = new ColorMatrix();

    adjustHue(cm, value);

    return new ColorMatrixColorFilter(cm);
}

/**
 * @see http://groups.google.com/group/android-developers/browse_thread/thread/9e215c83c3819953
 * @see http://gskinner.com/blog/archives/2007/12/colormatrix_cla.html
 * @param cm
 * @param value
 */
public static void adjustHue(ColorMatrix cm, float value)
{
    value = cleanValue(value, 180f) / 180f * (float) Math.PI;
    if (value == 0)
    {
        return;
    }
    float cosVal = (float) Math.cos(value);
    float sinVal = (float) Math.sin(value);
    float lumR = 0.213f;
    float lumG = 0.715f;
    float lumB = 0.072f;
    float[] mat = new float[]
    { 
            lumR + cosVal * (1 - lumR) + sinVal * (-lumR), lumG + cosVal * (-lumG) + sinVal * (-lumG), lumB + cosVal * (-lumB) + sinVal * (1 - lumB), 0, 0, 
            lumR + cosVal * (-lumR) + sinVal * (0.143f), lumG + cosVal * (1 - lumG) + sinVal * (0.140f), lumB + cosVal * (-lumB) + sinVal * (-0.283f), 0, 0,
            lumR + cosVal * (-lumR) + sinVal * (-(1 - lumR)), lumG + cosVal * (-lumG) + sinVal * (lumG), lumB + cosVal * (1 - lumB) + sinVal * (lumB), 0, 0, 
            0f, 0f, 0f, 1f, 0f, 
            0f, 0f, 0f, 0f, 1f };
    cm.postConcat(new ColorMatrix(mat));
}

protected static float cleanValue(float p_val, float p_limit)
{
    return Math.min(p_limit, Math.max(-p_limit, p_val));
}
}

为了完成这个，我应该添加一个例子:

ImageView Sun = (ImageView)findViewById(R.id.sun);
Sun.setColorFilter(ColorFilterGenerator.adjustHue(162)); // 162 degree rotation