SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Sigue #XamarinDiplomado
Lección 3: Controles de interfaz de usuario
• Humberto Jaimes
• @HJaimesDev
• humberto.jaimes@outlook.com
• http://www.hjr.com.mx
View y ViewGroup
• Las interfaces de usuario se conforman por objetos que provienen de las clases ViewGroup y View.
• Se pueden tener interfaces tan complejas como necesitemos
ViewGroup
ViewGroup View View
View View
XML
• Se pueden crear interfaces mediante XML.
• Cada etiqueta del XML es nombrada como su clase representativa.
• Se debe crear un árbol de elementos View y ViewGroup
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am a TextView" />
<Button android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="I am a Button" />
</LinearLayout>
Diseñador
• Xamarin ofrece un diseñador gráfico para crear las interfaces.
• Permite simular el dispositivo, temas y versión del sistema.
• Permite crear dispositivos
Agenda de la lección
• Contenedores
• Controles de interfaz de usuario
• Adaptadores y controles para colecciones
Thank You!
Gracias!
Sigue #XamarinDiplomado

Weitere ähnliche Inhalte

Ähnlich wie XamarinDiplomado: M2L3T1(hjr) Introducción

Novedades de aries
Novedades de ariesNovedades de aries
Novedades de aries
lmrv
 
Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)
Sorey García
 

Ähnlich wie XamarinDiplomado: M2L3T1(hjr) Introducción (20)

Xamarin forms Xaml + C#
Xamarin forms Xaml + C#Xamarin forms Xaml + C#
Xamarin forms Xaml + C#
 
Introduccion mvc
Introduccion mvcIntroduccion mvc
Introduccion mvc
 
Trucos y consejos rendimiento Xamarin.Forms
Trucos y consejos rendimiento Xamarin.FormsTrucos y consejos rendimiento Xamarin.Forms
Trucos y consejos rendimiento Xamarin.Forms
 
01 Building cross-platform mobile applications with jQuery Mobile
01 Building cross-platform mobile applications with jQuery Mobile01 Building cross-platform mobile applications with jQuery Mobile
01 Building cross-platform mobile applications with jQuery Mobile
 
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
7-Unidad 2: Diseño de Vista-2.3 Introducción Web Services-Desarrollo
 
Aplicación abc. asp net mvc 3
Aplicación abc. asp net mvc 3Aplicación abc. asp net mvc 3
Aplicación abc. asp net mvc 3
 
Manual android
Manual androidManual android
Manual android
 
Extender Jquery para crear componentes web personalizados
Extender Jquery  para crear componentes web personalizadosExtender Jquery  para crear componentes web personalizados
Extender Jquery para crear componentes web personalizados
 
Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5Aplicaciones móviles - HTML5
Aplicaciones móviles - HTML5
 
Flex Mobile
Flex MobileFlex Mobile
Flex Mobile
 
Creando aplicaciones windows phone
Creando aplicaciones windows phoneCreando aplicaciones windows phone
Creando aplicaciones windows phone
 
DAM-S7.pptx
DAM-S7.pptxDAM-S7.pptx
DAM-S7.pptx
 
Preguntasviri
PreguntasviriPreguntasviri
Preguntasviri
 
Novedades de aries
Novedades de ariesNovedades de aries
Novedades de aries
 
7-Unidad 2: Diseños de Vista-2.3 Introducción Web Services-Desarrollo Ejemplos
7-Unidad 2: Diseños de Vista-2.3 Introducción Web Services-Desarrollo Ejemplos 7-Unidad 2: Diseños de Vista-2.3 Introducción Web Services-Desarrollo Ejemplos
7-Unidad 2: Diseños de Vista-2.3 Introducción Web Services-Desarrollo Ejemplos
 
Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)Taller MVVM Imagine Camp Medellín (Intermedio)
Taller MVVM Imagine Camp Medellín (Intermedio)
 
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
Descubriendo Ruby on Rails (Desarrollo Agil de Aplicaciones Web)
 
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
Descubriendo Ruby On Rails (Desarrollo Agil De Aplicaciones Web)
 
Novedades de aries
Novedades de ariesNovedades de aries
Novedades de aries
 
JqueryMobile
JqueryMobile JqueryMobile
JqueryMobile
 

Mehr von Humberto Jaimes

Mehr von Humberto Jaimes (20)

Microservicios con .NET
Microservicios con .NETMicroservicios con .NET
Microservicios con .NET
 
Introducción a Markdown
Introducción a MarkdownIntroducción a Markdown
Introducción a Markdown
 
Cloud computing azure
Cloud computing azureCloud computing azure
Cloud computing azure
 
Azure Notification Hub
Azure Notification HubAzure Notification Hub
Azure Notification Hub
 
Consumo de Servicios REST en xamarin
Consumo de Servicios REST en xamarinConsumo de Servicios REST en xamarin
Consumo de Servicios REST en xamarin
 
Azure mobile
Azure mobileAzure mobile
Azure mobile
 
Introducción a Xamarin
Introducción a XamarinIntroducción a Xamarin
Introducción a Xamarin
 
XamarinDiplomado: M3L3T3(HJR) Delegados
XamarinDiplomado:  M3L3T3(HJR) DelegadosXamarinDiplomado:  M3L3T3(HJR) Delegados
XamarinDiplomado: M3L3T3(HJR) Delegados
 
XamarinDiplomado: M3L3T2(HJR) Eventos
XamarinDiplomado: M3L3T2(HJR) EventosXamarinDiplomado: M3L3T2(HJR) Eventos
XamarinDiplomado: M3L3T2(HJR) Eventos
 
XamarinDiplomado: M3L3T1(HJR) Introducción
XamarinDiplomado:  M3L3T1(HJR) IntroducciónXamarinDiplomado:  M3L3T1(HJR) Introducción
XamarinDiplomado: M3L3T1(HJR) Introducción
 
XamarinDiplomado: M2L3T4(HJR) Controles de formulario
XamarinDiplomado: M2L3T4(HJR) Controles de formularioXamarinDiplomado: M2L3T4(HJR) Controles de formulario
XamarinDiplomado: M2L3T4(HJR) Controles de formulario
 
XamarinDiplomado: M2L3T2(HJR) Adaptadores y controles de lista
XamarinDiplomado:  M2L3T2(HJR) Adaptadores y controles de listaXamarinDiplomado:  M2L3T2(HJR) Adaptadores y controles de lista
XamarinDiplomado: M2L3T2(HJR) Adaptadores y controles de lista
 
XamarinDiplomado: M1L4T3(HJR) Proyecto Compartido
XamarinDiplomado: M1L4T3(HJR) Proyecto CompartidoXamarinDiplomado: M1L4T3(HJR) Proyecto Compartido
XamarinDiplomado: M1L4T3(HJR) Proyecto Compartido
 
XamarinDiplomado: M1L4T2(HJR) Archivos Enlazados
XamarinDiplomado: M1L4T2(HJR) Archivos EnlazadosXamarinDiplomado: M1L4T2(HJR) Archivos Enlazados
XamarinDiplomado: M1L4T2(HJR) Archivos Enlazados
 
XamarinDiplomado M1L4T1(HJR) introducción
XamarinDiplomado M1L4T1(HJR) introducciónXamarinDiplomado M1L4T1(HJR) introducción
XamarinDiplomado M1L4T1(HJR) introducción
 
Diseñando aplicaciones con xamarin
Diseñando aplicaciones con xamarinDiseñando aplicaciones con xamarin
Diseñando aplicaciones con xamarin
 
Xamarin spring fling - Xamarin y Microsoft Cognitive Services
Xamarin spring fling - Xamarin y Microsoft Cognitive ServicesXamarin spring fling - Xamarin y Microsoft Cognitive Services
Xamarin spring fling - Xamarin y Microsoft Cognitive Services
 
Fundamentos de Microsoft .NET y C#
Fundamentos de Microsoft .NET y C#Fundamentos de Microsoft .NET y C#
Fundamentos de Microsoft .NET y C#
 
Xamarin insights
Xamarin insightsXamarin insights
Xamarin insights
 
Xamarin ui test
Xamarin ui testXamarin ui test
Xamarin ui test
 

Kürzlich hochgeladen

redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
nicho110
 

Kürzlich hochgeladen (15)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...presentación del desensamble y ensamble del equipo de computo en base a las n...
presentación del desensamble y ensamble del equipo de computo en base a las n...
 
10°8 - Avances tecnologicos del siglo XXI
10°8 - Avances tecnologicos del siglo XXI10°8 - Avances tecnologicos del siglo XXI
10°8 - Avances tecnologicos del siglo XXI
 
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptxinfor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
infor expo AVANCES TECNOLOGICOS DEL SIGLO 21.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...Generaciones de las Computadoras..pdf...
Generaciones de las Computadoras..pdf...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdfpresentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
presentacion_desamblado_de_una_computadora_base_a_las_normas_de_seguridad.pdf
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 

XamarinDiplomado: M2L3T1(hjr) Introducción

  • 1.
  • 2. Sigue #XamarinDiplomado Lección 3: Controles de interfaz de usuario • Humberto Jaimes • @HJaimesDev • humberto.jaimes@outlook.com • http://www.hjr.com.mx
  • 3. View y ViewGroup • Las interfaces de usuario se conforman por objetos que provienen de las clases ViewGroup y View. • Se pueden tener interfaces tan complejas como necesitemos ViewGroup ViewGroup View View View View
  • 4. XML • Se pueden crear interfaces mediante XML. • Cada etiqueta del XML es nombrada como su clase representativa. • Se debe crear un árbol de elementos View y ViewGroup <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <TextView android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="I am a TextView" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="I am a Button" /> </LinearLayout>
  • 5. Diseñador • Xamarin ofrece un diseñador gráfico para crear las interfaces. • Permite simular el dispositivo, temas y versión del sistema. • Permite crear dispositivos
  • 6. Agenda de la lección • Contenedores • Controles de interfaz de usuario • Adaptadores y controles para colecciones