YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish subtitles

← 01-05 Vistas

01-05 Vistas

Get Embed Code
14 Languages

Showing Revision 18 created 10/13/2015 by andp.

  1. El primer paso es recolectar
    las vistas que queremos usar.
  2. Primero explicaré qué es
    una vista de Android exactamente.
  3. Una vista es un rectángulo
    en la pantalla
  4. que muestra algún contenido.
  5. Puede ser una imagen,
    una pieza de texto o un botón,
  6. o cualquier cosa
    que la aplicación pueda mostrar.
  7. Estas vistas individuales preparan
  8. lo que llamamos,
    el diseño gráfico de la pantalla.
  9. Cualquier cosa sobre lo que vemos
    y con lo que interactuamos
  10. en nuestra aplicación,
    es llamada la interfaz del usuario,
  11. o IU abreviado.
  12. Hay diferentes tipos de vistas
    con diferentes nombres.
  13. Una vista que muestra algo de texto
    se llama TextView.
  14. Aquí hay algunos ejemplos.
  15. Una vista que muestra una imagen
    se llama ImageView,
  16. y aquí hay algunos ejemplos.
  17. Una vista que muestra un botón
    se llama Button.
  18. Estos son algunos ejemplos.
  19. Hay muchos otros tipos
    de vistas en Android
  20. que son realmente útiles para usar,
  21. pero vamos a focalizarnos
    en estos tres primero.
  22. Antes mencioné que cada vista
  23. es un rectángulo en la pantalla,
  24. pero, ¿dónde están todos los rectángulos?
  25. Técnicamente son invisibles,
    pero voy a dibujarlos para ti,
  26. así podrás ver dónde están
    los límites de cada rectángulo.
  27. Como puedes ver,
  28. cada aplicación puede ser desglosada
  29. en la vista individual que lo compone.
  30. En otras palabras, una vista
    es la construcción en bloque básica
  31. que usas para construir el diseño
    para tu aplicación.
  32. Para ayudar a entender
  33. la idea de las vistas que son rectángulos
    en una pantalla,
  34. aquí hay una situación
    con la que debes estar familiarizado.
  35. Si has usado alguna vez una aplicación,
  36. como el Paint o Google Drawing,
  37. puede que hayas tenido que añadir
  38. una caja de texto al lienzo,
    luego escribes en tu texto.
  39. Si haces clic fuera de ella,
  40. no podrás ver los límites
    de cada rectángulo, pero ahí están.
  41. Los límites empiezan a ser un problema
  42. cuando haces cosas
    como añadir un color de fondo
  43. o añadir un borde alrededor,
  44. entonces importa
    cómo de grande sea el rectángulo.
  45. También quiero señalar
  46. que el formato de esos nombres de vista
    está en CamelCase.
  47. CamelCase significa que no hay
    espacios entre palabras,
  48. y el principio de cada palabra
    está en mayúsculas.
  49. El motivo por el que se llama CamelCase
  50. es porque el contorno
    de la palabra sube y baja
  51. como las jorobas
    de la espalda de un camello.
  52. Vas a ver mucho CamelCase
    a lo largo de este curso.
  53. Bien, practiquemos lo que has aprendido.
  54. Esta es una captura de pantalla
  55. de una nueva aplicación email
    de Google, llamada Inbox.
  56. ¿Puedes identificar aquí
    los diferentes tipos de vistas?
  57. Para ayudarte, he resaltado
    las vistas individuales.
  58. Por ejemplo, para A,
  59. ¿puedes decirme si es TextView,
    ImageView, o Button?
  60. Haz lo mismo para B,
    al igual que con el resto de vistas.