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

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

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

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

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

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

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

　　<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>

　　虽然 Line 类提供了 Fill 属性，但设置该属性无效，因为 Line 没有区域。

　　另一个常用形状是 Ellipse。通过定义形状的 Width 和 Height 属性来创建 Ellipse，如以下示例中所示。若要绘制一个圆，请指定一个其 Width 和 Height 值相等的 Ellipse。

　　<Canvas> 　　<Ellipse 　　Fill="Yellow" 　　Height="100" 　　Width="200" 　　StrokeThickness="2" 　　Stroke="Black"/> 　　</Canvas>

 本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。