Silverlight - 形状和绘图

Silverlight - 形状和绘图2010-12-10 MSDN 在 Silverlight 中，Shape 是一种允许您在屏幕中绘制形状的 UIElement 类型。由于它们是用户界面（UI）元素，因此 Shape 对象可以在各种容器对象（如 Grid 和 Canvas）中使用。

本主题包括下列各节。

Shape 对象

使用 Path 和 Geometry

绘制形状

变换形状

相关主题

Shape 对象

Silverlight 提供很多随时可用的 Shape 对象，包括 Ellipse、Line、Path 、Polygon、Polyline 和 Rectangle。Shape 对象共享以下通用属性：

Stroke：说明如何绘制形状的轮廓。

StrokeThickness：说明形状轮廓的粗细。

Fill：说明如何绘制形状的内部。

用于指定坐标和顶点的数据属性，以与设备无关的像素来度量。

Shape 对象可以在 Canvas 对象中使用。Canvas 通过使用 Canvas.Left 和 Canvas.Top 附加属性支持其子对象的绝对定位。

使用 Line 类可以在两个点之间绘制一条直线。下面的示例演示了几种指定线条坐标和描边属性的方法。

XAML

<Canvas Height="300" Width="300">

  <！-- Draws a diagonal line from （10,10） to （50,50）. - ->
  <Line X1="10" Y1="10" X2="50" Y2="50"
   Stroke="Black"
   StrokeThickness="4" />

  <！-- Draws a diagonal line from （10,10） to （50,50）  
   and moves it 100 pixels to the right. -->
  <Line X1="10" Y1="10" X2="50" Y2="50"
   StrokeThickness="10"
   Canvas.Left="100">
   <Line.Stroke>
    <RadialGradientBrush GradientOrigin="0.5,0.5"  Center="0.5,0.5"
     RadiusX="0.5" RadiusY="0.5">
     <RadialGradientBrush.GradientStops>
      <GradientStop Color="Red" Offset="0" />
      <GradientStop Color="Blue" Offset="0.5" />
     </RadialGradientBrush.GradientStops>
    </RadialGradientBrush>
   </Line.Stroke>
  </Line>

  <！-- Draws a horizontal line from （10,60） to （150,60）.  -->
  <Line X1="10" Y1="60" X2="150" Y2="60"
   Stroke="Black"
   StrokeThickness="4"/>

</Canvas>