silverlight 3D 简单特效的实现。

silverlight 3D 特效对象解释：

  1 、LinearGradientBrush 
         GradientStop：
  2 、StackPanel.Effect
DropShadowEffect ：
3 、StackPanel.Projection ：
      PlaneProjection：
 
XAML代码实现：
   <! —渐变特效 -->
< StackPanel Margin = " 35 " >
     < StackPanel.Background >
         < LinearGradientBrush >
             < GradientStop Color = " White "  Offset = " 0.0 "   />
             < GradientStop Color = " Green "  Offset = " 1.0 "   />
         </ LinearGradientBrush >
     </ StackPanel.Background >
    
     <! —投影特效 -->
     < StackPanel.Effect >
         < DropShadowEffect  BlurRadius = " 20 "  
                          Direction = " 220 "
                          Color = " Black "  
                          Opacity = " 0.5 "  
                          ShadowDepth = " 25 " />
     </ StackPanel.Effect >
    
     <!--  3D Effects 特效 -->
     < StackPanel.Projection >
         < PlaneProjection RotationX = " -30 "   RotationZ = " -10 "  RotationY = " -40 " />
     </ StackPanel.Projection >
    
     < TextBlock Margin = " 10 "  Text = " Silverlight 3.0 3D Effect "  FontSize = " 20 " />
     < TextBlock Margin = " 10 "  Text = " UserName：êo " />
     < TextBox Width = " 240 "    Margin = " 10 " />
     < TextBlock Margin = " 10 "  Text = " Password：êo " />
     < PasswordBox Width = " 240 "  Margin = " 10 " />
     < Button Margin = " 10 "  Content = " Login "   Width = " 100 "  Height = " 30 "   />
</ StackPanel >



二维平面中变换形状变换：
< 1 > 旋转 (RotateTransform)
创建一个 RotateTransform 并指定其 Angle。 45  度的 Angle 将元素沿顺时针方向旋转  45  度； 90  度将元素沿顺时针方向旋转  90  度；依此类推。如果您要控制元素的旋转点，请设置 CenterX 和 CenterY 属性。这些属性值以要变换的元素的坐标空间表示。CenterX 和 CenterY 具有默认值  0 。最后，通过设置形状的 RenderTransform 属性将 RotateTransform 应用到元素。围绕点 ( 0 , 0 ) 旋转  45  度的矩形:
     < Grid x:Name = " LayoutRoot "  Background = " White " >
         < Rectangle Width = " 50 "  Height = " 50 "  Fill = " RoyalBlue " >
             < Rectangle.RenderTransform >
                 < RotateTransform Angle = " 45 "   />
             </ Rectangle.RenderTransform >
         </ Rectangle >
     </ Grid >

< 2 > 缩放 (ScaleTransform)
< 3 > 斜切 (SkewTransform) 
< 4 > 转换 (TranslateTransform)
在 XAML 中指定颜色的不透明度
在 XAML 中，指定颜色的不透明度的方法之一就是使用 ARGB 十六进制表示法。ARGB 十六进制表示法使用以下语法：#aarrggbb. aa 表示用于指定颜色的不透明度的两位十六进制值。rr、gg 和 bb 分别表示用于指定颜色中的红色分量、绿色分量和蓝色分量的两位十六进制值。每个十六进制数字都可能具有  0 - 9  或 A - F 中的一个值。其中  0  是最小值，F 是最大值。alpha 值  00  用于指定完全透明的颜色，而 alpha 值 FF 用于创建完全不透明的颜色
< Rectangle Width = " 100 "  Height = " 100 " >
     < Rectangle.Fill >
       < LinearGradientBrush StartPoint = " 0,0 " >
         < GradientStop Color = " #200000FF "  Offset = " 0.0 "   />
         < GradientStop Color = " #FF0000FF "  Offset = " 1.0 "   />
       </ LinearGradientBrush >
     </ Rectangle.Fill >
  </ Rectangle >

Geometry 对象
Geometry 对象（如 EllipseGeometry、PathGeometry 和 GeometryGroup）可以用于描绘二维 ( 2 - D) 形状的几何图形.
Geometry 和 Shape 类的相似之处在于它们均描绘二维形状（例如，比较 EllipseGeometry 和 Ellipse），但它们之间也存在一些重要的区别。例如，Shape 对象是 UIElement 对象，而 Geometry 对象不是。因为是 UIElement 对象，所以 Shape 对象可以进行自我呈现并具有 Opacity、OpacityMask 以及 Geometry 对象所没有的其他图形属性。尽管 Shape 对象比 Geometry 对象更易于使用，但 Geometry 对象更通用。
一个 Shape（Path 类）使用 Geometry 来描绘内容。通过使用 Geometry 设置 Path 的 Data 属性以及设置它的 Fill 和 Stroke 属性，可以呈现 Geometry。
1 、从 ( 10 , 20 ) 绘制到 ( 100 , 130 ) 的 LineGeometry
< Canvas Width = " 200 "  Height = " 200 " >
   < Path Stroke = " Black "  StrokeThickness = " 1 "   >
     < Path.Data >
       < LineGeometry StartPoint = " 10,20 "  EndPoint = " 100,130 "   />
     </ Path.Data >
   </ Path >
</ Canvas >
2绘制在 ( 50 , 50 ) 处的 EllipseGeometry
< Canvas >
   < Path Fill = " Gold "  Stroke = " Black "  StrokeThickness = " 1 " >
     < Path.Data >
       < EllipseGeometry Center = " 50,50 "  RadiusX = " 50 "  RadiusY = " 50 "   />
     </ Path.Data >
   </ Path >
</ Canvas >

3 、用于剪辑图像的 EllipseGeometry
下面的示例演示如何将 EllipseGeometry 用作图像的剪辑区域。用 Width  200  和 Height  150  定义了一个 Image 对象。一个 RadiusX 值为  100 、RadiusY 值为  75 、Center 值为  100 , 75  的 EllipseGeometry 设置为图像的 Clip 属性。只有位于椭圆区域内部的图像部分才会显示。
< Grid x:Name = " LayoutRoot "  Background = " White " >
   < Image Source = " Water_lilies.jpg "
    Width = " 200 "  Height = " 150 " >
     < Image.Clip >
       < EllipseGeometry RadiusX = " 100 "  RadiusY = " 75 "  Center = " 100,75 " />
     </ Image.Clip >
   </ Image >
</ Grid >