多线形和多边形相似,不一样点在于多线形中最后一个点和第一个点不会默认被链接。在多线形的点集中,能够存在同一个开始点和终结点于是会定义成闭合图形。下面将演示如何使用Polyline控件绘制一个多线形。 this
在一个打开的Windows应用商店项目中新建一个空白页,并命名为PolylinePage,双击打开此页面的PolylinePage.xaml文件,在Grid元素中添加以下绘制多线形的代码。 spa
<Polyline Stroke="Red" StrokeThickness="5" Points="70,100 10, 150 210,150 100,100"/> 对象
上面代码绘制的多线形由Points集合的四个点(70,100)、(10,150)、(210,150)和(100,100)来控制形状。接着设置Stroke和StrokeThickness属性为红色、5像素,从而定义一个轮廓颜色为红色、轮廓粗细为5像素的多边形。此多边形第一个点和最后一个点不会像Polygon元素那样由Stroke轮廓链接起来。运行效果如图8-6所示。 blog
前面介绍了使用前台代码绘制多边形,接下来看一下使用后台代码绘制此多边形的过程,具体实现代码以下所示: it
public PolylinePage() io
{ 容器
this.InitializeComponent(); 后台
//开始绘制多线形 方法
Polyline polyline = new Polyline(); im
polyline.Stroke = new SolidColorBrush(Colors.Red);
//实例化points对象
PointCollection points = new PointCollection();
//把点添加到点集合中
points.Add(new Point(70, 100));
points.Add(new Point(10, 150));
points.Add(new Point(210, 150));
points.Add(new Point(100, 100));
polyline.Points = points;
//将多边形放到名字为MyCanvas的控件中
MyCanvas.Children.Add(polyline);
}
在上面的代码中,首先实例化一个Polyline类型的对象polyline,设定Stroke属性为红色,接着定义存放点集的points对象,利用points对象的Add属性添加四个点,把points赋值给polyline对象的Points属性,最后调用MyCanvas容器对象的Children属性中的Add方法,将这个多线形加入到页面中显示。
运行此页面,多线形运行效果如图8-6所示。
图8-6 多线形形状效果图