Share via


Xamarin.Forms 圖形:線條

類別 Line 衍生自 Shape 類別,可用來繪製線條。 如需類別繼承自 類別之屬性Line的資訊,請參閱 Xamarin.Forms ShapesShape

Line 會定義下列屬性:

  • X1,類型為 double,表示線條起點的 X 座標。 此屬性的預設值為 0.0。
  • Y1,類型為 double,表示線條起點的 Y 座標。 此屬性的預設值為 0.0。
  • X2,類型為 double,表示線條終點的 X 座標。 此屬性的預設值為 0.0。
  • Y2,類型為 double,表示線條終點的 Y 座標。 此屬性的預設值為 0.0。

這些屬性是由 BindableProperty 物件所支援,這表示這些屬性可以是數據系結的目標,並設定樣式。

如需控制線條結束繪製方式的相關信息,請參閱 控制線條結束

建立線條

若要繪製線條,請建立 Line 物件,並將其 和 Y1 屬性設定X1為其起點,並將其 X2Y 屬性設定為終點。 此外,將其 Stroke 屬性設定為 Brush衍生對象,因為沒有筆劃的線條是看不見的。 如需對象的詳細資訊 Brush ,請參閱 Xamarin.Forms 筆刷

注意

Fill設定 的 Line 屬性沒有作用,因為線條沒有內部。

下列 XAML 範例示範如何繪製線條:

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

在此範例中,紅色對角線是從 (40,0) 繪製到 (0,120):

對角線

X1因為、 Y1X2Y2 屬性的預設值為 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) 繪製深藍色虛線對角線:

虛線

如需繪製虛線的詳細資訊,請參閱 繪製虛線圖形