学Silverlight 2系列（26）：基本图形

核心提示： Path相比较前面三个简单的图形来说，Path相对来说比较复杂，学Silverlight 2系列（26）：基本图形(4)，它用来画出一系列的相连的圆弧或者线条，可以称之为“轨迹”，我们定义一个跟上面的示例一样的Polyline：<Canvas Backgrou

　

Path

相比较前面三个简单的图形来说，Path相对来说比较复杂，它用来画出一系列的相连的圆弧或者线条，可以称之为“轨迹”，使用它可以画出任意复杂的形状，主要通过Data属性来展现。一个简单的Path声明示例如下：

<Canvas Background="#CDFCAE">
　　<Path Stroke="Orange" StrokeThickness="3"
　　　　　Data="M 10,40 L 300,40 V 100 H 240 S 300,240 400,175">
　　</Path>
</Canvas>

运行后如下所示：

这里对Data做一下简单的解释，Silverlight提供了一种称之为“迷你语言”的属性句法，来描述如何画出轨迹形状，包括M（移动命令，起始点）、L（直线，结束点）、H（水平线）、V（垂直线）、C（三次贝塞尔曲线）、Q（两次贝塞尔曲线）、A（椭圆弧曲线）、Z（结束命令）等。更为详细的使用大家可以参考SDK。

Polygon

Polygon用来画多边形，需要用Points属性来指定几个特定的点，至于画几边形，要看你定义几个点了（要看救生员啥时救他—宋丹丹语录），它会自动闭合。

<Canvas Background="#CDFCAE">
　　<Polygon Canvas.Left="50" Canvas.Top="50"
　　　　　　 Points="50,20 300,20 300,160 200,160"
　　　　　　 Stroke="Green" StrokeThickness="3" Fill="Orange">
　　</Polygon>
</Canvas>

每一个点之间用空格分开，运行后如下所示：

Polyline

Polyline用来画多边线，与上面的Polygon不同的地方是它不一定要是闭合的，同样用Points属性来指定几个特定的点，我们定义一个跟上面的示例一样的Polyline：

<Canvas Background="#CDFCAE">
　　<Polyline Canvas.Left="50" Canvas.Top="50"
　　　　　　 Points="50,20 300,20 300,160 200,160"
　　　　　　 Stroke="Green" StrokeThickness="3" Fill="Orange">
　　</Polyline>
</Canvas>

运行后可以看到，有一条边未闭合：

结束语

本文内容比较简单，介绍了Silverlight中的一些基本的图形。