Xamarin.Forms Forme: linea

  • Articolo

La Line classe deriva dalla Shape classe e può essere usata per disegnare linee. Per informazioni sulle proprietà che la Line classe eredita dalla Shape classe , vedere Xamarin.Forms Forme.

Line definisce le proprietà seguenti:

  • X1, di tipo double, indica la coordinata x del punto iniziale della linea. Il valore predefinito di questa proprietà è 0,0.
  • Y1, di tipo double, indica la coordinata y del punto iniziale della linea. Il valore predefinito di questa proprietà è 0,0.
  • X2, di tipo double, indica la coordinata x del punto finale della linea. Il valore predefinito di questa proprietà è 0,0.
  • Y2, di tipo double, indica la coordinata y del punto finale della linea. Il valore predefinito di questa proprietà è 0,0.

Queste proprietà sono supportate da BindableProperty oggetti, il che significa che possono essere destinazioni di data binding e stili.

Per informazioni sul controllo del modo in cui vengono disegnate le estremità della linea, vedere Terminazioni della linea di controllo.

Creare una riga

Per disegnare una linea, creare un Line oggetto e impostarne X1 le proprietà e Y1 sul punto iniziale e le relative X2 proprietà e Y sul punto finale. Inoltre, impostarne la Stroke proprietà su un Brushoggetto derivato da perché una linea senza un tratto è invisibile. Per altre informazioni sugli Brush oggetti, vedere Xamarin.Forms Pennelli.

Nota

L'impostazione della Fill proprietà di un Line oggetto non ha alcun effetto, perché una linea non ha interni.

L'esempio XAML seguente illustra come disegnare una linea:

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

In questo esempio viene disegnata una linea diagonale rossa da (40,0) a (0,120):

Linea diagonale

Poiché le X1proprietà , X2Y1, e Y2 hanno valori predefiniti pari a 0, è possibile disegnare alcune righe con sintassi minima:

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

In questo esempio viene definita una linea orizzontale lunga 200 unità indipendenti dal dispositivo. Poiché le altre proprietà sono 0 per impostazione predefinita, una linea viene disegnata da (0,0) a (200,0).

L'esempio XAML seguente mostra come disegnare una linea tratteggiata:

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

In questo esempio viene disegnata una linea diagonale tratteggiata blu scuro da (40,0) a (0,120):

Linea tratteggiata

Per altre informazioni sul disegno di una linea tratteggiata, vedere Disegnare forme tratteggiate.