c# - 逐像素颜色转换 WriteableBitmap => PNG Black only to Color with Transparency

Question

我正在开发一个 silverlight 应用程序，其中我所有的图标都是 PNG。

所有这些图标的颜色都是黑色，或者更确切地说是从黑色到灰色，具体取决于 alpha 值。每个 PNG 都有透明背景。

在我的应用程序中，我想逐个像素地从黑色或灰色更改颜色，比方说更改为红色(黑色之前)或浅红色(灰色之前)。

遍历每个像素的字节，我认识到，每个全黑像素的 alpha 值为 255。那些灰色像素的 alpha 值介于 1 和 254 之间。0 的 alpha 值似乎是透明的。黑色的 RGB 值全为 0。

我的想法是，我更改每个像素的颜色，但保留 alpha 值，以便 PNG 保持其原始外观。

为此，我编写了一个小函数，如下所示:

private static WriteableBitmap ColorChange(WriteableBitmap wbmi, System.Windows.Media.Color color)
    {
        for (int pixel = 0; pixel < wbmi.Pixels.Length; pixel++)
        {
            if (wbmi.Pixels[pixel] != 0)
            {
                byte[] colorArray   = BitConverter.GetBytes(wbmi.Pixels[pixel]);
                byte blue           = colorArray[0];
                byte green          = colorArray[1];
                byte red            = colorArray[2];
                byte alpha          = colorArray[3];

                if (alpha > 0)
                {

                    //HERE, I change the color, but keep the alpha
                    //
                    wbmi.Pixels[pixel] = Gui.Colors.ToInt.Get(color,alpha);

                    colorArray  = BitConverter.GetBytes(wbmi.Pixels[pixel]);
                    blue        = colorArray[0];
                    green       = colorArray[1];
                    red         = colorArray[2];
                    alpha       = colorArray[3];

                    String colorString = "blue: " + blue.ToString() + "green: " + green.ToString() + "red: " + red.ToString() + "alpha: " + alpha.ToString();
                    System.Diagnostics.Debug.WriteLine(colorString);
                }
            }
        }
        return wbmi;
    }

还有一个小助手类来改变颜色但保持 alpha:

namespace Gui.Colors
{
public class ToInt
{

    public static int Get(System.Windows.Media.Color color, Byte alpha)
    {
        color.A = alpha;
        return color.A << 24 | color.R << 16 | color.G << 8 | color.B;
    }
}
}

我的问题是，我可以清楚地看到，alpha 小于 255(灰色)的像素是问题所在。尽管保留了 alpha 值并且颜色发生了变化，但像素看起来不一样了，它们不再透明了。这使得边缘看起来很粗糙。

长话短说:看看我的代码——问题是什么？如何使用原始 PNG 的透明度实现逐像素颜色转换？

请原谅我的英语。我的母语不是英语。

Answer 1

这个案子解决了。我找到了 Rene Schulte 写的 WriteableBitmapExtensions 类。

此扩展类提供此功能(以及更多...):

private const float PreMultiplyFactor = 1 / 255f;

public static void SetPixeli(this WriteableBitmap bmp, int index, byte a, Color color)
  {
     float ai = a * PreMultiplyFactor;
     bmp.Pixels[index] = (a << 24) | ((byte)(color.R * ai) << 16) | ((byte)(color.G * ai) << 8) | (byte)(color.B * ai);
  }

改变颜色的例程现在看起来像这样:

    /// <summary>
    /// Changes the color of every pixel in a WriteableBitmap with an alpha value > 0 to the desired color.
    /// </summary>
    /// <param name="wbmi"></param>
    /// <param name="color"></param>
    /// <returns></returns>
    private static WriteableBitmap ColorChange(WriteableBitmap wbmi, System.Windows.Media.Color color)
    {
        for (int pixel = 0; pixel < wbmi.Pixels.Length; pixel++)
        {
            byte[] colorArray = BitConverter.GetBytes(wbmi.Pixels[pixel]);
            byte blue         = colorArray[0];
            byte green        = colorArray[1];
            byte red          = colorArray[2];
            byte alpha        = colorArray[3];

            if (alpha > 0)
            {
                wbmi.SetPixeli(pixel, alpha, color);
            }
        }

        wbmi.Invalidate();
        return wbmi;
    }

您可以在此处下载 Rene Schulte 的作品:

http://dotnet.dzone.com/sites/all/files/WriteableBitmapExtensions.zip

整个项目可以在这里找到:

http://writeablebitmapex.codeplex.com/

由于没有人在 SO 上回答这个问题，大炮向 Rene Schulte 致敬。 YMMD! :)

顺便说一下:我正在使用 NounProject 的 SVG ，将它们转换为所需大小的 PNG，然后我使用此方法为它们着色。由于 NounProject 中的所有符号都是黑色的，因此这是获得高质量符号的好方法。