El documento describe los componentes de interfaz de usuario en Android, incluyendo ListView y UI. Explica que todos los elementos de la interfaz de usuario se construyen utilizando vistas y objetos ViewGroup. Detalla cómo se pueden declarar las vistas en un archivo XML o instanciarlas en el código. También cubre los tipos comunes de layouts y cómo se pueden personalizar las listas utilizando adaptadores para vincular datos dinámicos a las vistas.

1. ListView y UI en Android
Byron Ajin

2. Recursos

3. Que es UI?
En Android el UI (User Interface )
es todo lo que el usuario puede
ver y todo con lo que puede
interactuar. Android ofrece una
variedad de componentes de
interfaz de usuario pre-construidos
, tales como objetos de diseño
estructurados y controles de
interfaz de usuario que le
permiten construir la interfaz
gráfica de usuario para la
aplicación

4. Vistas
• Todos los elementos de la interfaz de usuario en una aplicación para
Android se construyen utilizando Vista y objetos ViewGroup

5. XML
• Para declarar su diseño, puede crear instancias de objetos de
vista en el código y empezar a construir un árbol. pero la
manera más fácil y efectiva para definir el diseño es con un
archivo XML.
• XML ofrece una estructura legible para el diseño, similar al
HTML.

6. XML

7. Layouts
Un Layout define la estructura visual de la
interfaz de usuario de una actividad. Se pueden
crear de dos maneras:
-Declarar los elementos de UI en el xml
-Instanciar los elementos en codigo en tiempo
de ejecución.

8. Layouts mas comunes
• Cada subclase de la clase ViewGroup ofrece una manera única de mostrar
los elementos de una vista anidada en su interior.

9. Layouts con Adaptadores
Cuando el contenido de los layouts es dinámico y no es
predeterminado, se pude utilizar un adaptador para poblar los
layouts en tiempo de ejecución

10. Adaptador
• El adaptador se comporta como un intermediario entre la
fuente de datos y el esquema de un View. El adaptador
retiene los datos (a partir de una fuente tal como una vector o
una consulta de base de datos) y convierte cada entrada en
una vista que se puede agregar en el diseño AdapterView .

11. Referencias Layouts y UI
• http://developer.android.com/guide/topics/ui
/declaring-layout.html
• http://developer.android.com/guide/topics/ui
/index.html

12. Creando un ListView
Demo1

13. Ubicamos el Layout

14. Insertamos un ListView

15. Nos cambiamos al modo texto

16. Editamos el id del ListView

17. Ubicamos el MainActivity

18. Código para ListView

19. Creamos los datos

20. Referenciamos el ListView

21. Creamos el Adapater por defecto

22. Ejecutamos el Codigo

23. Posibles Problemas
En Android Studio podemos ver que algo esta mal en nuestro codigo cuando algo
aparece marcado de color rojo
En este caso lo podemos solucionar de 2 maneras
1) Nos colocamos sobre la palabra y presionamos alt+enter(solo funciona en
AndroidStudio) y no saldrá el error.
2) En este caso el erro es porque aun no hemos importado las librerias así que al
hacer el paso 1 lo hará automáticamente, pero nosotros las podemos importar
manualmente:

24. Personalizando el ListView
Demo2

25. Nueva Vista para las filas

26. Poner nombre al .xml
En mi caso le puse el nombre de: filas_lista

27. Creamos el nuevo Layout

28. Modificamos nuestro MainActivity

29. Creamos nuestro propio adaptador

30. Modificamos el metodo getView

32. ¿Preguntas?

33. ¡Gracias por su atención!