WPF and Silverlight学习笔记（二）：WPF和Silverlight概述_H5之家

WPF（Windows Presentation Foundation，Windows外观基础（直译））是基于Framework 3.0（含以后版本）的新一代Windows界面开发技术。

Silverlight（中文翻译为“银光”），可以看成是WPF的Web 应用产品，其早先名为WPF/E。其主要应用于Web富客户端应用程序（RIA，Rich Interface Application）。现阶段此技术可以说比较“火”，微软在此方面主要的对手就是Adobe公司的以Flash为基础的Flex技术。

两者均是以XAML为基础的，在某些条件下是可以相互的转换：如定义一个简单的ARGB 调色版应用：

WPF应用程序如下：

XAML文件：

<Window　 x:Class="WPFColorVersion.MainWindow"
　　 xmlns="& quot;
　　 xmlns:x=""
　　Title="WPF　Color　Version"　Height="300"　 Width="400"　WindowStartupLocation="CenterScreen" 　ResizeMode="NoResize">
　　<Canvas　Margin="0,0,0,0">
　　　　<Canvas.Background>
　　　　　　<LinearGradientBrush　EndPoint="0.5,1"　 StartPoint="0.5,0">
　　　　　　　　<GradientStop　Color="#FF6254E2"　 Offset="0.996"/>
　　　　　　　　<GradientStop　Color="#FFFFFFFF"　 Offset="0"/>
　　　　　　</LinearGradientBrush>
　　　　</Canvas.Background>
　　　　<TextBlock　Height="34"　 Canvas.Left="28"　Canvas.Top="17"　Text="WPF 　Color　Version"　TextWrapping="Wrap"　 FontSize="24"

　　　　　　　FontFamily="Comic　Sans　MS"　 FontWeight="Bold"/>
　　　　<TextBlock　Height="34"　 Canvas.Left="22"　Canvas.Top="38"　 FontFamily="Comic　Sans　MS"　FontSize="24"　 FontWeight="Bold"

　　　　　　　Text="WPF　Color　Version"　 TextWrapping="Wrap"　 RenderTransformOrigin="0.5,0.5">
　　　　　　<TextBlock.Foreground>
　　　　　　　　<LinearGradientBrush　EndPoint="0.5,1"　 StartPoint="0.5,0">
　　　　　　　　　　<GradientStop　Color="#FF000000"　 Offset="1"/>
　　　　　　　　　　<GradientStop　Color="#FFD9DFF0"　 Offset="0.026"/>
　　　　　　　　　　<GradientStop　Color="#FF7D818B"　 Offset="0.78"/>
　　　　　　　　</LinearGradientBrush>
　　　　　　</TextBlock.Foreground>
　　　　　　<TextBlock.RenderTransform>
　　　　　　　　<TransformGroup>
　　　　　　　　　　<ScaleTransform　ScaleX="1"　 ScaleY="-1"/>
　　　　　　　　　　<SkewTransform　AngleX="-29"　 AngleY="0"/>
　　　　　　　　　　<RotateTransform　Angle="0"/>
　　　　　　　　　　<TranslateTransform　X="0"　 Y="0"/>
　　　　　　　　</TransformGroup>
　　　　　　</TextBlock.RenderTransform>
　　　　</TextBlock>
　　　　<Rectangle　Fill="#00000000"　 Width="156"　Height="103"　 Canvas.Left="219"　Canvas.Top="108"　 x:Name="demoArea"　/>
　　　　<TextBlock　Width="15"　Height="17"　 Canvas.Top="116"　Text="A"　 TextWrapping="Wrap"　Canvas.Left="28"　 HorizontalAlignment="Center"/>
　　　　<TextBlock　Width="15"　Height="17"　 Canvas.Left="28"　Canvas.Top="142"　 Text="R"　TextWrapping="Wrap"　 HorizontalAlignment="Center"/>
　　　　<TextBlock　Width="15"　Height="17"　 Canvas.Left="28"　Canvas.Top="166"　 Text="G"　TextWrapping="Wrap"　 HorizontalAlignment="Center"/>
　　　　<TextBlock　Width="15"　Height="17"　 Canvas.Left="28"　Canvas.Top="194"　 Text="B"　TextWrapping="Wrap"　 HorizontalAlignment="Center"/>
　　　　<Slider　Width="148"　Height="22"　 Canvas.Left="43"　Canvas.Top="111"　 Maximum="255"　x:Name="sliderA"　 ValueChanged="sliderValueChanged"/>
　　　　<Slider　Width="148"　Height="22"　 Canvas.Left="43"　Canvas.Top="137"　 Maximum="255"　x:Name="sliderR"　 ValueChanged="sliderValueChanged"/>
　　　　<Slider　Width="148"　Height="22"　 Canvas.Left="43"　Canvas.Top="163"　 Maximum="255"　x:Name="sliderG"　 ValueChanged="sliderValueChanged"/>
　　　　<Slider　Width="148"　Height="22"　 Canvas.Left="43"　Canvas.Top="189"　 Maximum="255"　x:Name="sliderB"　 ValueChanged="sliderValueChanged"/>
　　　　<TextBlock　Width="75"　Height="17"　 Canvas.Left="143"　Canvas.Top="230"　 Text="Color　Value:"/>
　　　　<TextBox　Width="89"　Height="20"　 Canvas.Left="219"　Canvas.Top="227"　 Text="#00000000"　x:Name="txtColorValue"/>
　　</Canvas>
</Window>