Xamarin Forms utiliza controles nativos de cada plataforma (IOS, ANDROID, WINDOWS PHONE).
Para trabajar con Xamarin.Forms se utilizan diferentes tipos de controles para crear la interfaz de usuario.
- Pages
- Layouts
Cada uno de estos controles al momento de ejecutarse en su respectiva plataforma se asignara a su equivalente nativo.
Pages.
Este control tiene diferentes elementos los cuales ayudan a mejorar la parte visual de cada pantalla, los cuales se describen a continuación:
ContentPage: Este elemento muestra una sola página con el contenido deseado.
MasterDetailPage: Este elemento tiene dos propiedades fundamentales.
- Master: permite definir un menú lateral deslizante.
- Detail: Es la pagína de detalle de contenido con la cual navegamos con cada una de las opciones de la Master.
NavigationPage: Nos permite todo lo básico para realizar la navegación de ir hacía atrás, adelante, etc.
TabbedPage: Permite definir diferentes pestañas para la navegación dentro de la aplicación.
CarouselPage: Se pueden definir distintos elementos y accediendo a los mismos haciendo un deslizacimiento horizontal para acceder a cada uno de ellos.
Layouts.
Los Layouts permite definir la posición y alineamiento de los controles que compone la interfaz de usuario.
StackLayout: Apila elementos de forma vertical u horizontal
AbsoluteLayout: Permite posicionar elementos que contiene con posiciones absolutas.
RelativeLayout: Permite posicionar elementos con posiciones relativas entre los elementos dentro del panel.
GridLayout: Permite definir filas y columnas posicionando los elementos dentro de esas filas y columnas con opciones extras para indicar que un elemento ocupa más de una fila o una columna.
ContentView: Permite definir una vista de contenido
ScrollView: Añade una barra de scroll el cual permite realizar un deslizamiento del contenido hacía arriba y hacía abajo, mostrando una gran cantidad de información que no cabe en pantalla
Frame: Permite tener un único elemento pero con opción de marco.
StackLayout: Apila elementos de forma vertical u horizontal
AbsoluteLayout: Permite posicionar elementos que contiene con posiciones absolutas.
RelativeLayout: Permite posicionar elementos con posiciones relativas entre los elementos dentro del panel.
GridLayout: Permite definir filas y columnas posicionando los elementos dentro de esas filas y columnas con opciones extras para indicar que un elemento ocupa más de una fila o una columna.
ContentView: Permite definir una vista de contenido
ScrollView: Añade una barra de scroll el cual permite realizar un deslizamiento del contenido hacía arriba y hacía abajo, mostrando una gran cantidad de información que no cabe en pantalla
Frame: Permite tener un único elemento pero con opción de marco.
Controls
Existe una gran variedad de controles desde un button, label, Image; más sin embargo también existen controles más complejos como un listview, mapas, etc, además de los paquetes de Nugets de Xamarin.Forms existen paquetes extras que nos permiten añadir y utilizar nuevos controles.
Documentos de referencia:
https://developer.xamarin.com/guides/xamarin-forms/controls/
Documentos de referencia:
https://developer.xamarin.com/guides/xamarin-forms/controls/
