Return to Video

13-08 Desplazándose - Solución

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

13-08 Scrolling Along - Solution

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
UD837 - Android for Beginners
Duration:
04:17

Spanish subtitles

改訂 Compare revisions