Controles comunes

Xamarin.Forms cuenta con una gran cantidad de controles predefinidos que podemos utilizar para crear las interfaces de usuario de nuestras aplicaciones.

La siguiente tabla muestra en orden alfabético los controles disponibles en Xamarin.Forms, junto con su Renderer responsable en decidir ultimadamente qué se mostrará en pantalla en cada plataforma concreta.

A continuación, veremos los diferentes controles disponibles en Xamarin.Forms, categorizados de la siguiente manera:

• Controles comunes
• Controles de texto
• Controles de lista

Controles comunes

Button

Control que muestra un botón. Ejemplo de código:

DatePicker

Control para seleccionar una fecha. Ejemplo de código:

TimePicker

Control para seleccionar una hora, minuto y segundo. Ejemplo de código:

Slider

Control para seleccionar un valor de un rango predefinido. Ejemplo de código:

Stepper

Control que nos permite seleccionar un valor de un rango predefinido. Ejemplo de código:

Switch

Control para seleccionar un valor verdadero o falso, a través de su propiedad IsToggled que es de tipo bool. Ejemplo de código:

ProgressBar

Control para mostrar una barra de progreso porcentual. El valor está indicado en su propiedad Progress, que va de 0 a 1, siendo 1 el 100% del progreso. Ejemplo de código:

ActivityIndicator

Control que nos sirve para indicar que la aplicación está ocupada. Ejemplo de código:

Image

Control para mostrar una imagen. La propiedad Source indica el URI de la imagen que deseamos mostrar, pudiendo ser un URI relativo o absoluto. Ejemplo de código:

BoxView

Elemento visual que renderiza un rectángulo. Ejemplo de código:

Frame

Elemento que nos sirve para dibujar un borde alrededor de un contenido. Ejemplo de código:

WebView

Control para mostrar contenido HTML. Ejemplo de código:

Controles de texto

Label

Control para mostrar texto de solo lectura. Ejemplo de código:

Entry

Control para capturar una línea de texto. Ejemplo de código:

Editor

Control para capturar múltiples líneas de texto. Ejemplo de código:

SearchBar

Control que muestra una caja de texto para búsquedas. Ejemplo de código:

Tipos de teclado

Los controles Entry y Editor soportan diferentes formatos de teclado, a través de su propiedad Keyboard. Esto es muy útil para limitar los caracteres que deseamos mostrar en el teclado del dispositivo donde esté ejecutando la aplicación, para hacer más fácil la captura del texto. Ejemplo: teclado Numeric.

Controles de lista

Picker

Control que muestra una lista colapsable. Ejemplo de código:

ListView

Control que muestra una lista. Ejemplo de código: