Formas de Xamarin.Forms: Elipse

Download SampleDescargar el ejemplo

La clase Ellipse deriva de la clase Shape y se puede usar para dibujar elipses y círculos. Para obtener información sobre las propiedades que hereda la clase Ellipse de la clase Shape, consulte Xamarin.Forms Shapes.

La clase Ellipse establece la propiedad Aspect, heredada de la clase Shape, en Stretch.Fill. Para obtener más información acerca de la propiedad Aspect, consulta Stretch shapes.

Crear una elipse

Para dibujar una elipse, crea un objeto Ellipse y establece sus propiedades WidthRequest y HeightRequest. Para pintar el interior de la elipse, establece su propiedad Fill en un objeto derivado de Brush. Para proporcionar a la elipse un contorno, establece su propiedad Stroke en un objeto derivado de Brush. La propiedad StrokeThickness especifica el grosor del contorno de la elipse. Para más información sobre los objetos de Brush, consulte Pinceles de Xamarin.Forms.

Para dibujar un círculo, haz que las propiedades WidthRequest y HeightRequest del objeto Ellipse sean iguales.

En el ejemplo de XAML siguiente se muestra cómo dibujar una elipse rellenada:

<Ellipse Fill="Red"
         WidthRequest="150"
         HeightRequest="50"
         HorizontalOptions="Start" />

En este ejemplo, se dibuja una elipse rellenada de color rojo con dimensiones 150x50 (unidades independientes del dispositivo):

Filled ellipse

El siguiente ejemplo de XAML muestra cómo dibujar un círculo:

<Ellipse Stroke="Red"
         StrokeThickness="4"
         WidthRequest="150"
         HeightRequest="150"
         HorizontalOptions="Start" />

En este ejemplo, se dibuja un círculo rojo con dimensiones 150x150 (unidades independientes del dispositivo):

Unfilled circle

Para obtener información sobre cómo dibujar una elipse discontinua, consulta Dibujar formas discontinuas.