Xamarin.Forms Formas: línea

  • Artículo

Descargar ejemploDescargar el ejemplo

La Line clase deriva de la Shape clase y se puede usar para dibujar líneas. Para obtener información sobre las propiedades que hereda la Line clase de la Shape clase , vea Xamarin.Forms Shapes.

Line define las siguientes propiedades:

  • X1, de tipo double, indica la coordenada x del punto inicial de la línea. El valor predeterminado de esta propiedad es 0,0.
  • Y1, de tipo double, indica la coordenada y del punto inicial de la línea. El valor predeterminado de esta propiedad es 0,0.
  • X2, de tipo double, indica la coordenada x del punto final de la línea. El valor predeterminado de esta propiedad es 0,0.
  • Y2, de tipo double, indica la coordenada y del punto final de la línea. El valor predeterminado de esta propiedad es 0,0.

Estas propiedades están respaldadas por objetos BindableProperty, lo que significa que pueden ser destinos de los enlaces de datos, y con estilo.

Para obtener información sobre cómo se dibujan los extremos de línea, vea Control de los extremos de línea.

Crear una línea

Para dibujar una línea, cree un Line objeto y establezca sus X1 propiedades y Y1 en su punto inicial, y sus X2 propiedades y Y en su punto final. Además, establezca su Stroke propiedad en un Brushobjeto derivado de porque una línea sin trazo es invisible. Para obtener más información sobre Brush los objetos, vea Xamarin.Forms Pinceles.

Nota

Establecer la Fill propiedad de un objeto Line no tiene ningún efecto, porque una línea no tiene ningún interior.

En el ejemplo XAML siguiente se muestra cómo dibujar una línea:

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

En este ejemplo, se dibuja una línea diagonal roja de (40 0) a (0,120):

Línea diagonal

Dado que las X1propiedades , Y1, X2y Y2 tienen valores predeterminados de 0, es posible dibujar algunas líneas con una sintaxis mínima:

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

En este ejemplo, se define una línea horizontal de 200 unidades independientes del dispositivo. Dado que las demás propiedades son 0 de forma predeterminada, se dibuja una línea de (0,0) a (200,0).

En el ejemplo XAML siguiente se muestra cómo dibujar una línea discontinua:

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

En este ejemplo, se dibuja una línea diagonal discontinua azul oscuro de (40 0) a (0,120):

Línea discontinua Línea

Para obtener más información sobre cómo dibujar una línea discontinua, vea Dibujar formas discontinuas.