Spanish subtitles

← View Groups

Get Embed Code
14 Languages

Showing Revision 1 created 10/06/2015 by sp12.

  1. ¿Te acuerdas del camino de granos de café,
    Katherine?
  2. ¿Cómo me voy a olvidar?
    Me lo tiraste encima.
  3. Entonces dijimos que habría
    tres grandes partes en la lección 1.
  4. Hablamos de imagen y TextView.
  5. Después aprendimos
    cómo aplicar estilos a esas Views.
  6. ¿Qué es lo siguiente que haremos?
  7. Bueno, pensaba que como solo tenemos
    una View en la pantalla ahora,
  8. es un poco aburrido,
    así que deberíamos añadir más Views.
  9. Muy bien. Y si lo piensas,
    las aplicaciones divertidas que usamos,
  10. YouTube, OkCupid...
    ¿Se te ocurre alguna otra?
  11. -Gmail.
    -Gmail.
  12. Todas parecen tener diversas Views
  13. integradas juntas
    perfectamente en la pantalla.
  14. Y la manera en que lo hacen
    es mediante ViewGroups.
  15. A continuación aprenderemos sobre ello.
  16. Eso nos brinda la posibilidad de colocar
    las Views en la pantalla donde queremos.
  17. Muy bien.
    Entonces, hablemos de ViewGroups.
  18. Hasta ahora solo hemos tenido un TextView
    o una sola ImageView en la pantalla.
  19. Si queremos añadir otra View debajo,
  20. podemos probar a copiar esto
    y pegarlo debajo.
  21. Pero entonces nos aparece un error.
  22. Dice: "El documento XML
    tiene más de una View raíz.
  23. Solo puede haber una View raíz,
    que debe contener el resto de Views."
  24. Si queremos que estos dos TextViews
    aparezcan en pantalla,
  25. para que ya no esté solo,
  26. tenemos que ponerlos en un ViewGroup.
  27. El ViewGroup será
    la única View raíz del diseño.
  28. Los ViewGroups también son Views
    y son rectángulos en la pantalla.
  29. Por ejemplo, los rectángulos rojos
    y naranjas de aquí son ViewGroups.
  30. Pueden tener anchura, altura,
    color de fondo u otros atributos.
  31. El color de fondo en este es naranja,
    pero también podría ser transparente,
  32. de manera que el ViewGroup
    es invisible para el usuario.
  33. En lugar de tener contenido,
  34. como el texto en un TextView,
    o la imagen en una ImageView,
  35. un ViewGroup contiene otras Views.
  36. Podéis imaginaros un ViewGroup
    como un recipiente de Views.
  37. Cuando una View contiene otras Views,
  38. decimos que es el parent [padre]
    de esas Views.
  39. Así que este es el padre,
  40. este es el padre
    y este es el padre.
  41. Cuando una View
    está dentro de un ViewGroup,
  42. decimos que es
    el child [hijo] de ese ViewGroup.
  43. Así que esta es el hijo,
    esta es el hijo, y esta es el hijo.
  44. Y aquí igual, hay dos hijos,
    y aquí también hay dos hijos.
  45. Seguimos con el vocabulario de la familia,
    y si hay varios hijos,
  46. cada uno de ellos es
    sibling [hermano] de los otros.
  47. Estas Views son hermanas,
    y estas dos también.
  48. Esto ha sido mucho.
  49. Para ayudaros a recordar
    toda la terminología
  50. sobre padre, hijo, View y ViewGroup,
  51. quiero presentaros a una familia
    muy simpática, los View.
  52. Ya conocéis a Tommy TextView.
    Es bastante bueno para mostrar texto.
  53. También conocéis a su hermana,
    Ivy ImageView,
  54. que mostró imágenes preciosas.
  55. Y ahora conoceremos a sus padres.
  56. Siempre pone nervioso
    conocer a los padres.
  57. Así que tenemos a Laura LinearLayout
    y a Ray, el RelativeLayout.
  58. Ambos son ViewGroups,
  59. que, como hemos dicho,
    se llaman Parent Views [Views padres].
  60. Las Children Views [Views hijas]
    se colocan según su padre.
  61. Veamos un ejemplo de un padre.
  62. Un padre puede decir a su hijo
  63. que se siente o se quede
    en un lugar concreto y que no se mueva.
  64. Ignoremos la posibilidad de que el hijo
    se quiera levantar y corretear,
  65. porque eso es un caso extremo.
  66. En un dispositivo,
    significa
  67. que un padre tiene control
    sobre la posición de sus hijos.
  68. Por ejemplo, un hijo TextView puede estar
    en la parte superior de la pantalla,
  69. y un segundo hijo, ImageView,
    puede estar justo debajo.
  70. O, si el padre quiere, puede recolocar
    a los hijos de otra manera.
  71. La hija ImageView
    puede estar a la izquierda,
  72. y el hijo TextView
    puede estar en la derecha.
  73. Trataremos más detenidamente
    los ViewGroups en esta lección,
  74. pero para comprobar que habéis entendido
    lo que hemos visto hasta ahora,
  75. por favor, responded estas preguntas.
  76. En el pantallazo de este dispositivo,
    ¿podéis decirme cuántas Views hay?
  77. Número 2. La imagen de la montaña,
    ¿es hija o padre del ViewGroup rojo?
  78. Número 3. El ViewGroup rojo,
    ¿es hijo o padre del TextView de "Hiking"?
  79. Número 4. ¿Cuáles de estas Views
    son hermanas?
  80. Podéis anotarlas aquí.