首页 / 软件开发 / Silverlight / 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>