いろいろな形を描画する(Silverlight 入門) の続きです。

今回はPolylineとPolygonについて説明します。

Polyline

点と点とを直線でつないで描く図形をPolylineと呼びます。

PolylineのXAMLは下記のようになります。

<Polyline Points="100,100 100,250 250,250 250,100"
    Stroke="Black" StrokeThickness="10"/>

このXAMLを使用した実行結果はこちらです。

Pointsのところで各点の座標を指定します。

各点の指定方法は X1,Y1 X2,Y2 X3,Y3 Xn,Yn のように指定します。 各座標間はスペースで区切ります。

上記XAMLはX1,Y1は100,100、X2,Y2は100,250となります。

要素 Strokeは線の色を表し、StrokeThicknessは線の太さを表します。

Polylineは始点と終点を結んでも塗りつぶすことができないので注意してください。

Polygon

Polygonは、円でも矩形でもない多角形を記述する場合に使用します。（矩形を描くこともできますが、Rectangleを使用するのが一般的です）

PolygonのXAMLは下記のようになります。

<Polygon Points="100,100 100,250 250,250 250,100"
    Stroke="Black" StrokeThickness="10" Fill="LightBlue"/>

このXAMLを使用した実行結果はこちらです。

各点の指定方法はPolylineと同様に、X1,Y1 X2,Y2 X3,Y3 Xn,Yn のように指定します。 各座標間はスペースで区切ります。

上記XAMLはX1,Y1は100,100、X2,Y2は100,250となります。

要素 Strokeは線の色を表し、StrokeThicknessは線の太さを表します。またFillで作成した多角形の内部を塗りつぶします。

実は上記に示した、PolylineとPolygonの座標が全く同じであることに気づいたでしょうか？

PolylineとPolygonの違いは、始点と終点をつなぐかどうかという点にあります。

Polygonは自動で始点と終点を結ぶ線が作成され色を塗ることが可能という特徴があります。