Spanish subtitles

← 13-08 Desplazándose - Solución

13-08 Desplazándose - Solución

Get Embed Code
13 Languages

Showing Revision 2 created 10/10/2015 by Orlando Mendez.

  1. Busquemos en Google cómo hacer esto.
  2. Voy a escribir
    how to scroll in an android app.
  3. Veamos el primer resultado.
  4. La pregunta es, ¿cómo hacer
    que mi diseño se desplace hacia abajo?
  5. Eso es bastante similar a lo que queremos.
  6. Fui directamente
    a la parte de respuestas
  7. y esta tiene una marca de verificación
    verde y muchos votos de apoyo.
  8. Así que esta podría ser
    una buena respuesta.
  9. Dice, envuelve todo esto
    dentro de un ScrollView.
  10. Y luego da un ejemplo de ScrollView,
  11. y luego especifica
    el espacio de nombres que dice,
  12. fill_parent para la anchura y la altura,
    y luego hay una etiqueta de cierre aquí,
  13. y en este comentario dice,
    "poner aquí el resto de la vista actual".
  14. Como antecedente,
  15. fill_parent es en realidad
    lo mismo que match_parent.
  16. Es solo una versión anterior,
    pero significan lo mismo.
  17. En esta línea dice que ScrollView
    puede contener un solo elemento.
  18. Parece que este era
    el diseño original de alguien,
  19. y entonces para ponerlo
    dentro del ScrollView
  20. hicieron que ScrollView sea la vista padre
    y LinearLayout la vista hija.
  21. Bien, fue una respuesta útil
    así que volvamos
  22. y veamos si hay otras soluciones.
  23. Esta persona está describiendo lo mismo.
  24. Tienen el diseño XML
    y creo que quieren hacer que se desplace.
  25. Por lo general, no leo
    la pregunta completa en detalle.
  26. Solo voy a la parte de la respuesta.
  27. Esta persona dice,
  28. "¿Probaste incluir todo tu XML
    en un padre ScrollView?"
  29. Y luego dan un ejemplo de ScrollView
  30. y el hijo es un RelativeLayout.
  31. Y luego tienen una etiqueta
    de cierre de ScrollView.
  32. Eso es todo lo que tienen en este hilo.
  33. Pero parece que los dos
    resultados de la búsqueda
  34. dan el mismo consejo
    de usar un ScrollView.
  35. Entonces cambiemos nuestra búsqueda
    para consultar por scrollview android.
  36. Impresionante.
    Así que es una vista en Android.
  37. Y hay una descripción aquí.
  38. Hay mucho texto aquí,
    entonces no lo leeré,
  39. pero si quieres echarle
    un vistazo, puedes.
  40. Entonces voy a volver atrás.
  41. Prefiero buscar un ejemplo de código.
  42. Así, los ejemplos de código que
    teníamos antes eran buenos,
  43. y este es bueno también.
  44. Entonces volvamos a Android Studio.
  45. Todos esos ejemplos XML
    comenzaban con ScrollView.
  46. Inmediatamente hay un error que dice
    No tengo los atributos requeridos
  47. anchura y altura de la vista.
  48. Entonces, los he añadido
    y especifiqué que sean match_parent.
  49. Si añado un corchete de cierre,
  50. tengo inmediatamente
    la etiqueta de cierre aquí.
  51. Entonces la copiaré
  52. y luego la pego
    al final de este archivo, aquí.
  53. Eso significa que
    el LinearLayout existente
  54. es ahora un hijo de
    esta ScrollView.
  55. Seleccionaré todo esto
    y lo indentaré con cuatro espacios,
  56. para que sea más fácil de leer
    como hijo de esta ScrollView.
  57. En Android Studio,
    si hago clic en el menú Edit,
  58. puedo ir a Indent Selection,
  59. y lo indentaré con cuatro espacios.
  60. Ahí está.
    Ahora se ve mejor.
  61. Ah, pero todavía tengo un error aquí.
  62. Dice que el espacio de nombres 'android'
    no está acotado.
  63. Puedo hacer clic
    para obtener más información.
  64. Dice: esta inspección comprueba
  65. prefijos de nombres de espacio
    no acotados en XML.
  66. Si recuerdas volviendo a la lección uno,
  67. dije que android: viene
    de este espacio de nombres de aquí.
  68. Así que creo que tenemos que copiar esto
    y luego ponerlo aquí.
  69. También debes mover
    el espacio de nombres tools aquí.
  70. El espacio de nombres tools
    es para proporcionar
  71. atributos adicionales
    que puedas agregar
  72. a tu XML para ayudarte a depurar
    y construir tu aplicación.
  73. Bien, voy a ejecutar esto
    en mi dispositivo ahora.
  74. Bien, no hay ninguna diferencia visible
    en la aplicación porque no hay suficiente
  75. contenido en el formulario de pedido
    para que haya necesidad de desplazarlo.
  76. Para probar esto,
    tengo que añadir más vistas a este diseño.
  77. Haré el mismo truco que antes.
  78. Copiaré todas estas vistas
    y las pegaré en el diseño
  79. para tener un formulario
    de pedido muy largo.
  80. Bien, ahora el formulario de pedido
    es muy largo y se desplaza.
  81. Es emocionante.
  82. Si puedo rotar el dispositivo,
    también se desplaza.
  83. Ahora puedo deshacer esos cambios
  84. y volver a nuestro formulario
    de pedido original.
  85. Pero voy dejar la ScrollView,
  86. porque nuestra aplicación funcionará
    mejor en todos los dispositivos.
  87. Los usuarios con dispositivos
    más pequeños que este,
  88. todavía podrán desplazar
    y ver todos los campos.