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