GDI 与WPF中的颜色简析

2008-04-16 10:21:27.0     浏览:554     来源:e800.net频道
关键词:  ASP.NET     VS  
我们知道,颜色在界面表面中起着举足轻重的作用。让我们来分析一下GDI+与WPF中的颜色。

一、GDI+中:
Color位于System.Drawing命名空间下。
当我们需要使用某种颜色时,我们可以用以下几种方式:
(1)Color.FromArgb(alpha, red, green, blue) //alpha为0~255
(2)Color.FromArgb(red, green, blue) //此时alpha值始终为255,即不透明
(3)Color.FromKnownColor(KnownColor color)
(4)Color.FromName(string knownColorString)
(5)Color.FromSysIcv(int icv)
比如:
Color redAlpha50Percent = Color.FromArgb(128, 255, 0, 0); //半透明红色
Color redWithoutAlpha = Color.FromArgb(255, 0, 0); //红色(完全不透明)
Color redFromKnownColor = Color.FromKnownColor(KnownColor.Red);
Color redFromName = Color.FromName("Red");
比如用红色填充一个矩形:
graphics.FillRectangle(new SolidBrush(redFromKnownColor), 10, 10, 100, 40);
为了进行比较,我将有区别的静态方法用“ 代码 ”底色突出。
由于某些颜色“众所周知”,在各种环境和操作系统中均使用统一的字面说法,比如红色(Red),黑色(Black)等等。它们是在系统中已知(或者说是已经预先定义)的颜色。
这些常见的颜色如下图:



二、WPF中:
Color位于System.Windows.Media命名空间下。
由于WPF中有XAML,所以,我们分两种情况来描述:
1、当我们在XAML中使用颜色时,我们可以使用XAML的属性:
(1)〈object property="predefinedColor"/〉
predefinedColor为预定义颜色(见上图)

(2)〈object property="#rgb"/〉
(3)〈object property="#rrggbb"/〉
(4)〈object property="#argb"/〉
(5)〈object property="#aarrggbb"/〉
其中r,g,b分别为0~F的十六进制颜色值,a为0~F的十六进制值,用于表示Alpha数值(不透明度)。

(6)〈object property="sc# scA,scR,scG,scB"/〉
其中,sc# 为关键字,scA,scR,scG,scB为介于0.0~1.0的Single值。

(7)〈object property="ContextColor profileUri alphaValue,colorValue"/〉
其中,ContextColor为关键字,profileUri为icm文件的地址,后面是alpha值和颜色值。

下面分别举例:
使用蓝色填充宽为100,高为40的矩形:
其中,Blue为预定义颜色(蓝色,它的十六位进制#rgb的表示是:#00F;#rrggbb的表示是:#0000FF;#argb表示是:#00F;#aarrggbb表示为:#FF0000FF)

(1)XAML代码:
〈Rectangle Width="100" Height="40" Fill="Blue" /〉
注意:这里的Rectangle对应于上面的object, Fill则对应于property,而Blue就是预定义好的颜色值了。但需要说明的是,这里的Fill="Blue"最终会被转换成SolidColorBrush.

C#代码:
Rectangle myPredefinedBrushRectangle = new Rectangle();
myPredefinedBrushRectangle.Width = 100;
myPredefinedBrushRectangle.Height = 40;
myPredefinedBrushRectangle.Fill = Brushes.Blue;

(2)也可以这样:
〈Rectangle Width="100" Height="40" Fill="#FF0000FF" /〉

(3)还可以这样:
〈Rectangle Width="100" Height="40"〉
〈Rectangle.Fill〉
〈SolidColorBrush〉
〈SolidColorBrush.Color〉
〈Color A="255" R="0" G="0" B="255" /〉
〈!-- 还可以这样:
〈Color ScA="1.0" ScR="0.0" ScG="0.0" ScB="1.0" /〉
--〉
〈/SolidColorBrush.Color〉
〈/SolidColorBrush〉
〈/Rectangle.Fill〉
〈/Rectangle〉

上面的SolidColorBrush标签的内容还可以改成:
〈SolidColorBrush Color="ContextColor
file://C:/WINDOWS/system32/spool/drivers/color/sRGB%20Color%20Space%20Profile.icm
1.0,0.0,0.0,1.0"/〉


如果用C#代码:
Rectangle myRgbRectangle = new Rectangle();
myRgbRectangle.Width = 100;
myRgbRectangle.Height = 40;
SolidColorBrush mySolidColorBrush = new SolidColorBrush();
mySolidColorBrush.Color = Color.FromArgb(255, 0, 0, 255);
myRgbRectangle.Fill = mySolidColorBrush;

2、使用C#代码描述:
(1)Color.FromRgb(red, green, blue)
(2)Color.FromArgb(alpha, red, green, blue)
//alpha, red, green, blue为0~255的byte值

(3)Color.FromValues(colorValues, iccUri)
(4)Color.FromAValues(alpha, colorValues, iccUri)
//alpha为0.0f~1.0f的值; colorValues为float[4]数组, 所有值均为0.0f~1.0f的值; iccUri为icc文件的地址
见下例:
private Color FromAValuesExample()
{
// 褐色
Color myAValuesColor = new Color();
float [] colorValues = new float[4];
colorValues[0] = 0.0f;
colorValues[1] = 0.5f;
colorValues[2] = 0.5f;
colorValues[3] = 0.5f;
//定义颜色映射的icc文件
Uri iccUri = new Uri("C:\\sampleColorProfile.icc");
myAValuesColor = Color.FromAValues(1.0f, colorValues, iccUri);
return myAValuesColor;
}

(5)Color.FromScRgb(scA, scR, scG, scB)
scA, scR, scG, scB为Single类型值,比如:Color.Color.FromScRgb(1, 0, 0, 1);

最后举个完整点的例子:
〈Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 〉
〈StackPanel Margin="20"〉
〈Rectangle Width="100" Height="40" Margin="10"〉
〈Rectangle.Fill〉
〈SolidColorBrush〉
〈SolidColorBrush.Color〉
〈Color ScA="1.0" ScR="0.0" ScG="0.0" ScB="1.0" /〉
〈/SolidColorBrush.Color〉
〈/SolidColorBrush〉
〈/Rectangle.Fill〉
〈/Rectangle〉

〈Rectangle Width="100" Height="40" Margin="10"〉
〈Rectangle.Fill〉
〈SolidColorBrush〉
〈SolidColorBrush.Color〉
〈Color A="255" R="0" G="0" B="255" /〉
〈/SolidColorBrush.Color〉
〈/SolidColorBrush〉
〈/Rectangle.Fill〉
〈/Rectangle〉

〈Rectangle Width="100" Height="40" Margin="10"〉
〈Rectangle.Fill〉
〈SolidColorBrush Color="ContextColor
file://C:/WINDOWS/system32/spool/drivers/color/sRGB%20Color%20Space%20Profile.icm
1.0,0.0,0.0,1.0"/〉
〈/Rectangle.Fill〉
〈/Rectangle〉

〈/StackPanel〉
〈/Page〉

效果很简单(如下图):


三、比较一下:
我们发现,第二条1中(6)、(7)是在GDI+中所没有的。WPF为了更好的描述颜色,新增了scRGB颜色空间。还增加了icc文件对颜色的描述。
我们还发现,对于GDI+中的KnownColor,在WPF的C#代码中,已不见“踪影”,其实那是被转为另一种表现形式罢了。

实际上,WPF还对GDI+中没有涉及的CYMK印刷色的相关处理作了扩充。我会在今后的文章中详细描述它们。