快捷搜索: 王者荣耀 脱发

折线(Polyline)、多边形(Polygon)

    Polyline

Playline所绘制的图形由多个线段组成,因此它公开Points属性,它表示一系列坐标点的集合。这些点将用于描述Polyline图形中各线段相接处的顶点(包括起点和终点)。

Points集合在XAML中可以直接用字符串写上多个点,书写方法有两种:

  1. 每个坐标点之间使用至少一个空格开分隔,横坐标和纵坐标用英文的逗号分隔。
  2. 一个坐标点的横坐标与纵坐标用一个空格来分隔,这时候点与点之间就不能用单个空格来分隔了,因为这样书写会很混乱,编译器无法识别,因此点与点之间至少要用两个空格来分隔。

示例如下,折线的起点是(50,0),终点是(-50,100):

<Polyline Stroke="SkyBlue" StrokeThickness="10" Width="260" Height="200"
                      Points="50,0 100,50 50,100 0,50 -50,100" Stretch="Uniform"/>
    Polygon

与Polyline不同,Polygon会把折线段的起点与终点用一根直线连接起来,形成一个闭合的图形区域。

对于Polygon来说,无论Points集合中定义了多少个顶点,最后都会把起点与终点连接起来。

StrokeDashCap属性用来指定每一条线段的两个端点的形状,即锚点(线帽)的形状。例如下面示例中,将StrokeDashCap属性设置为Triangle,表示组成图形的线段的两端将呈现为三角形。StrokeDashCap属性的值由PenLineCap枚举提供。

<Polygon Width="200" Height="200" Stroke="DeepPink" StrokeThickness="9"
                     Points="100,0 200,100 100,200 0,100" StrokeDashCap="Triangle" Stretch="Uniform"/>
经验分享 程序员 微信小程序 职场和发展