Introducci贸n a Xamarin

1

Todo lo que aprender谩s sobre Xamarin Forms

2

驴Qu茅 es Xamarin?

Instalaci贸n y configuraci贸n

3

Requerimientos de hardware y software

4

Introducci贸n a Instalaci贸n de Visual Studio .NET y Herramientas

5

Instalaci贸n de Visual Studio .NET en Windows

6

Instalaci贸n de Visual Studio .NET for Mac

7

Configuraci贸n de Xamarin para iOS

Fundamentos de Xamarin.Forms

8

Mi primera app con Xamarin.Forms

9

Xamarin.Forms vs. Xamarin cl谩sico

10

Estrategias para compartir c贸digo

Arquitectura de Xamarin.Forms

11

Anatom铆a de una aplicaci贸n

12

Arquitectura de Xamarin.Forms

Sistema de Propiedades Enlazables

13

Sistema de Propiedades Enlazables

14

Usando y creando Propiedades Enlazables

15

Propiedades Adjuntas

Manejo de Eventos

16

Manejo de eventos

17

Ciclo de vida

El Lenguaje XAML

18

驴Qu茅 es XAML?

19

Espacios de Nombres XML

20

Sintaxis de subelementos y de contenido

21

Extensiones de Marcado

22

Recursos

23

XAML compilado

Interfaz de Usuario

24

Contenedores

25

Controles comunes

26

Creaci贸n de controles personalizados

27

Estilos

28

Triggers en Estilos

29

Diccionarios Mezclados

30

Transformaciones y Animaciones

31

Navegaci贸n

32

DisplayAlert y DisplayActionSheet

33

MessagingCenter

Enlace de Datos

34

Enlace de Datos

35

Interfaces de notificaci贸n

36

La clase ObservableCollection<t>

37

Contexto de Enlace de Datos

38

Enlace entre elementos

39

Propiedad StringFormat

40

Plantillas de Datos

41

Convertidores de Valor

Comandos

42

驴Qu茅 son los Comandos?

43

Implementaci贸n b谩sica e implementaciones existentes

El Patr贸n de Dise帽o Model-View-ViewModel (MVVM)

44

Introducci贸n al patr贸n de dise帽o MVVM

45

驴Qu茅 es MVVM?

46

Componentes del Patr贸n

47

Proyecto: Pomodoro

48

App Pomodoro

49

Continuando con la app Pomodoro

50

Concluyendo nuestra app Pomodoro

Curso de Xamarin.Forms

Curso de Xamarin.Forms

Rodrigo D铆az Concha

Rodrigo D铆az Concha

Controles comunes

25/50

Lectura

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.

Captura de pantalla 2018-07-16 a la(s) 15.54.07.png

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:

Captura de pantalla 2018-07-16 a la(s) 15.55.11.png

DatePicker

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

Captura de pantalla 2018-07-16 a la(s) 15.56.18.png

TimePicker

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

Captura de pantalla 2018-07-16 a la(s) 15.56.54.png

Slider

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

Captura de pantalla 2018-07-16 a la(s) 15.58.24.png

Stepper

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

Captura de pantalla 2018-07-16 a la(s) 15.59.15.png

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:

Captura de pantalla 2018-07-16 a la(s) 15.59.46.png

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:

Captura de pantalla 2018-07-16 a la(s) 16.00.18.png

ActivityIndicator

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

Captura de pantalla 2018-07-16 a la(s) 16.01.01.png

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:

Captura de pantalla 2018-07-16 a la(s) 16.01.40.png

BoxView

Elemento visual que renderiza un rect谩ngulo. Ejemplo de c贸digo:

Captura de pantalla 2018-07-16 a la(s) 16.02.14.png

Frame

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

Captura de pantalla 2018-07-16 a la(s) 16.02.48.png

WebView

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

Captura de pantalla 2018-07-16 a la(s) 16.03.24.png

Controles de texto

Label

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

Captura de pantalla 2018-07-16 a la(s) 16.04.08.png

Entry

Control para capturar una l铆nea de texto. Ejemplo de c贸digo:

Captura de pantalla 2018-07-16 a la(s) 16.04.51.png

Editor

Control para capturar m煤ltiples l铆neas de texto. Ejemplo de c贸digo:

Captura de pantalla 2018-07-16 a la(s) 16.05.28.png

SearchBar

Control que muestra una caja de texto para b煤squedas. Ejemplo de c贸digo:

Captura de pantalla 2018-07-16 a la(s) 16.06.03.png

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.

Captura de pantalla 2018-07-16 a la(s) 16.06.45.png

Controles de lista

Picker

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

Captura de pantalla 2018-07-16 a la(s) 16.07.23.png

ListView

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

Captura de pantalla 2018-07-16 a la(s) 16.08.31.png

Aportes 11

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Que buen contenido, realmente muy 煤til para tener una idea general respecto al uso de los controles 馃槂

Enlace directo para aprender m谩s sobre los componentes de Xamarin.Forms Da click aqu铆

Que resumen tan genial 馃槂

Genial, buen contenido!

Excelente!
驴Estar谩 en algun formato para bajar?
Gracias

Excelente contenido, junto con la p谩gina de Xamarin forms ya se pueden crear buenas interfaces

En la primera tabla listView y tableView son exactamente lo mismo en los sistemas operativos?, que diferencia hay en Xamarin?

Gracias profe, muy buena explicaci贸n!

Gracias. Podr铆an poner unos slides para descargar ?

excelente, aunque un ejemplo de como se visualiza cada control.

Muy claro y explicado, gracias