Your SlideShare is downloading. ×
0
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
List view y UI en Android
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

List view y UI en Android

1,199

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,199
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
  • 31. ¿Preguntas?
  • 32. ¡Gracias por su atención!

×