Skip to content

win10 uwp 颜色转换

Updated: at 08:22,Created: at 02:18

本文告诉大家如何从字符串转颜色,从颜色转字符串

字符串转颜色

在 WPF 可以使用下面的代码把十六进制的颜色字符串转颜色

Color color = (Color) ColorConverter.ConvertFromString("#FFDFD991");
string hex = "#FFFFFF";
Color color = System.Drawing.ColorTranslator.FromHtml(hex);

但是 UWP 没这个方法,所以需要自己写一个方法

public SolidColorBrush GetSolidColorBrush(string hex)
{
hex = hex.Replace("#", string.Empty);
byte a = (byte) (Convert.ToUInt32(hex.Substring(0, 2), 16));
byte r = (byte) (Convert.ToUInt32(hex.Substring(2, 2), 16));
byte g = (byte) (Convert.ToUInt32(hex.Substring(4, 2), 16));
byte b = (byte) (Convert.ToUInt32(hex.Substring(6, 2), 16));
return new SolidColorBrush(Windows.UI.Color.FromArgb(a, r, g, b));
}

如果有小伙伴传入一个不带透明的,那么上面的代码就会出现异常,因为不带透明的颜色只有 6 个字符,所以就无法使用上面的代码,我修改了下面代码可以转换颜色

public SolidColorBrush GetSolidColorBrush(string hex)
{
hex = hex.Replace("#", string.Empty);
bool existAlpha = hex.Length == 8;
if (!existAlpha && hex.Length != 6)
{
throw new ArgumentException("输入的hex不是有效颜色");
}
int n = 0;
byte a;
if (existAlpha)
{
n = 2;
a = (byte) ConvertHexToByte(hex, 0);
}
else
{
a = 0xFF;
}
var r = (byte) ConvertHexToByte(hex, n);
var g = (byte) ConvertHexToByte(hex, n + 2);
var b = (byte) ConvertHexToByte(hex, n + 4);
return new SolidColorBrush(Windows.UI.Color.FromArgb(a, r, g, b));
}
private static uint ConvertHexToByte(string hex, int n)
{
return Convert.ToUInt32(hex.Substring(n, 2), 16);
}

大家可以从上面代码发现 ConvertHexToByte 这就是 16 进制转 int 的方法,请看C# 16 进制字符串转 int

但是存在这样写的颜色 #FD92 #DAC 的颜色,所以还需要继续修改一下算法

public SolidColorBrush GetSolidColorBrush(string hex)
{
hex = hex.Replace("#", string.Empty);
//#FFDFD991
//#DFD991
//#FD92
//#DAC
bool existAlpha = hex.Length == 8 || hex.Length == 4;
bool isDoubleHex = hex.Length == 8 || hex.Length == 6;
if (!existAlpha && hex.Length != 6 && hex.Length != 3)
{
throw new ArgumentException("输入的hex不是有效颜色");
}
int n = 0;
byte a;
int hexCount = isDoubleHex ? 2 : 1;
if (existAlpha)
{
n = hexCount;
a = (byte) ConvertHexToByte(hex, 0, hexCount);
if (!isDoubleHex)
{
a = (byte) (a * 16 + a);
}
}
else
{
a = 0xFF;
}
var r = (byte) ConvertHexToByte(hex, n, hexCount);
var g = (byte) ConvertHexToByte(hex, n + hexCount, hexCount);
var b = (byte) ConvertHexToByte(hex, n + 2 * hexCount, hexCount);
if (!isDoubleHex)
{
//#FD92 = #FFDD9922
r = (byte) (r * 16 + r);
g = (byte) (g * 16 + g);
b = (byte) (b * 16 + b);
}
return new SolidColorBrush(Windows.UI.Color.FromArgb(a, r, g, b));
}
private static uint ConvertHexToByte(string hex, int n, int count = 2)
{
return Convert.ToUInt32(hex.Substring(n, count), 16);
}

如果想看微软的转换,请看 https://referencesource.microsoft.com/#PresentationCore/Core/CSharp/System/Windows/Media/Parsers.cs

可以复制的源代码:

如果你没有在上面看到代码,请点击 <https://gist.github.com/lindexi/36c5e223ff77cfb8adc4909dec1576b5 >

另外,如果有引用 WindowsCommunityToolkit 库,那么还有更简单的方法,就是通过 Microsoft.Toolkit.Uwp.Helpers.ColorHelper.ToColor 方法,这个方法提供了高性能的,很少的字符串分配的方法解析颜色,但是要求传入的颜色必须添加 # 开头

如何引用 WindowsCommunityToolkit 库?请通过 NuGet 安装 Microsoft.Toolkit.Uwp

另一个版本是尝试转换,也就是输入的字符串不符合预期的时候不会炸

static class ColorTextConverter
{
public static (bool success, Color? color) TryConvertSolidColorBrush(string hexColorText)
{
if (!hexColorText.StartsWith("#"))
{
return (false, null);
}
var hex = hexColorText.Replace("#", string.Empty);
// 可以采用的格式如下
// #FFDFD991 8 个字符 存在 Alpha 通道
// #DFD991 6 个字符
// #FD92 4 个字符 存在 Alpha 通道
// #DAC 3 个字符
bool existAlpha = hex.Length == 8 || hex.Length == 4;
bool isDoubleHex = hex.Length == 8 || hex.Length == 6;
if (!existAlpha && hex.Length != 6 && hex.Length != 3)
{
return (false, null);
}
int n = 0;
byte a;
// 表示十六进制的字符数量,使用两个字符还是一个字符表示
int hexCount = isDoubleHex ? 2 : 1;
if (existAlpha)
{
n = hexCount;
var convertHexToByteResult = ConvertHexToByte(hex, 0, hexCount);
if (!convertHexToByteResult.success)
{
return (false, null);
}
a = convertHexToByteResult.hexNumber;
if (!isDoubleHex)
{
a = (byte) (a * 16 + a);
}
}
else
{
a = 0xFF;
}
var result = ConvertHexToByte(hex, n, hexCount);
if (!result.success)
{
return (false, null);
}
var r = result.hexNumber;
result = ConvertHexToByte(hex, n + hexCount, hexCount);
if (!result.success)
{
return (false, null);
}
var g = result.hexNumber;
result = ConvertHexToByte(hex, n + 2 * hexCount, hexCount);
if (!result.success)
{
return (false, null);
}
var b = result.hexNumber;
if (!isDoubleHex)
{
//#FD92 = #FFDD9922
r = (byte) (r * 16 + r);
g = (byte) (g * 16 + g);
b = (byte) (b * 16 + b);
}
return (true, Color.FromArgb(a, r, g, b));
}
private static (bool success, byte hexNumber) ConvertHexToByte(string hex, int n, int count = 2)
{
var hexText = hex.Substring(n, count);
if (byte.TryParse(hexText, NumberStyles.HexNumber, new NumberFormatInfo(), out var hexNumber))
{
return (true, hexNumber);
}
return (false, byte.MinValue);
}
}

以上都有使用 Substring 方法从而需要分配内存,下面提供一个无多余内存分配的方法

static (bool success, byte a, byte r, byte g, byte b) ConvertToColor(string input)
{
bool startWithPoundSign = input.StartsWith('#');
var colorStringLength = input.Length;
if (startWithPoundSign) colorStringLength -= 1;
int currentOffset = startWithPoundSign ? 1 : 0;
// 可以采用的格式如下
// #FFDFD991 8 个字符 存在 Alpha 通道
// #DFD991 6 个字符
// #FD92 4 个字符 存在 Alpha 通道
// #DAC 3 个字符
if (colorStringLength == 8
|| colorStringLength == 6
|| colorStringLength == 4
|| colorStringLength == 3)
{
bool success;
byte result;
byte a;
int readCount;
// #DFD991 6 个字符
// #FFDFD991 8 个字符 存在 Alpha 通道
//if (colorStringLength == 8 || colorStringLength == 6)
if (colorStringLength > 5)
{
readCount = 2;
}
else
{
readCount = 1;
}
bool includeAlphaChannel = colorStringLength == 8 || colorStringLength == 4;
if (includeAlphaChannel)
{
(success, result) = HexCharToNumber(input, currentOffset, readCount);
if (!success) return default;
a = result;
currentOffset += readCount;
}
else
{
a = 0xFF;
}
(success, result) = HexCharToNumber(input, currentOffset, readCount);
if (!success) return default;
byte r = result;
currentOffset += readCount;
(success, result) = HexCharToNumber(input, currentOffset, readCount);
if (!success) return default;
byte g = result;
currentOffset += readCount;
(success, result) = HexCharToNumber(input, currentOffset, readCount);
if (!success) return default;
byte b = result;
return (true, a, r, g, b);
}
return default;
}
static (bool success, byte result) HexCharToNumber(string input, int offset, int readCount)
{
Debug.Assert(readCount == 1 || readCount == 2, "要求 readCount 只能是 1 或者 2 的值,这是框架限制,因此不做判断");
byte result = 0;
for (int i = 0; i < readCount; i++, offset++)
{
var c = input[offset];
byte n;
if (c >= '0' && c <= '9')
{
n = (byte)(c - '0');
}
else if (c >= 'a' && c <= 'f')
{
n = (byte)(c - 'a' + 10);
}
else if (c >= 'A' && c <= 'F')
{
n = (byte)(c - 'A' + 10);
}
else
{
return default;
}
result *= 16;
result += n;
}
if (readCount == 1)
{
result = (byte)(result * 16 + result);
}
return (true, result);
}

颜色转字符串

如果需要从颜色转字符串是很简单

Color.ToString()

上面的代码就可以输出字符串


知识共享许可协议

原文链接: http://blog.lindexi.com/post/win10-uwp-%E9%A2%9C%E8%89%B2%E8%BD%AC%E6%8D%A2

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。 欢迎转载、使用、重新发布,但务必保留文章署名 林德熙 (包含链接: https://blog.lindexi.com ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请与我 联系