Share via

Xamarin.Forms 図形: 線

  • [アーティクル]

Line クラスは Shape クラスから派生し、線を描画するために使用できます。 Line クラスが Shape クラスから継承するプロパティについては、「Xamarin.Forms 図形」を参照してください。

Line には、次のプロパティが定義されています。

  • X1 は倍精度型で、線の始点の x 座標を示します。 このプロパティの既定値は 0.0 です。
  • Y1 は倍精度型で、線の始点の y 座標を示します。 このプロパティの既定値は 0.0 です。
  • X2 は倍精度型で、線の終点の x 座標を示します。 このプロパティの既定値は 0.0 です。
  • Y2 は倍精度型で、線の終点の y 座標を示します。 このプロパティの既定値は 0.0 です。

これらのプロパティは、BindableProperty オブジェクトが基になっています。つまり、これらは、データ バインディングの対象にすることができ、スタイルを設定できます。

線端の描画を制御する方法については、 「線端の制御」を参照してください。

線の作成

線を引くには、Line オブジェクトを作成し、X1 プロパティと Y1 プロパティを始点に、X2 プロパティと Y プロパティを終点に設定します。 さらに、ストロークのない線は見えないので、Stroke プロパティに Brush 派生オブジェクトを設定します。 Brush の詳細については、「Xamarin.Forms ブラシ」を参照してください。

Note

線には内部がないため、Line の Fill プロパティを設定しても効果はありません。

次の XAML の例は、線を引く方法を示しています。

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="Red" />

この例では、赤い対角線が (40,0) から (0,120) まで描画されます。

対角線

X1、Y1、X2 および Y2 プロパティの既定値は 0 であるため、最小限の構文でいくつかの線を描画できます。

<Line Stroke="Red"
      X2="200" />

この例では、デバイスに依存しない200 単位の長さの水平線が定義されています。 他のプロパティは既定では 0 であるため、線は (0,0) から (200,0) まで描画されます。

次の XAML の例は、破線を描画する方法を示しています:

<Line X1="40"
      Y1="0"
      X2="0"
      Y2="120"
      Stroke="DarkBlue"
      StrokeDashArray="1,1"
      StrokeDashOffset="6" />

この例では、(40,0) から (0,120) までの濃い青色の破線の対角線が描画されます:

破線

破線の描画の詳細については、「破線の図形を描画する」を参照してください。