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

WPF and Silverlight学习笔记（二）：WPF和Silverlight概述2010-12-17 博客园龙腾于海WPF（Windows Presentation Foundation，Windows外观基础（直译））是基于Framework 3.0（含以后版本）的新一代Windows界面开发技术。

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

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

WPF应用程序如下：

XAML文件：

<Window  x:Class="WPFColorVersion.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation& quot;
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  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>