YouTube

Got a YouTube account?

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

Spanish subtitles

← 01-14 Cambiar el TextView

01-14 Cambiar el TextView

Get Embed Code
14 Languages

Showing Revision 6 created 10/01/2015 by Carmara moran.

  1. Bien, hemos visto el código TextView
    por primera vez.
  2. Pero es como estar en el limbo.
  3. Correcto, necesitamos un espacio
    donde alojarlo.
  4. Sí, y ese espacio es un IDE.
  5. - Otra vez ese acrónimo.
    - Sí.
  6. ¿Qué significa, Catherine?
  7. - Entorno de Desarrollo Integrado.
    - Correcto.
  8. Y en esta clase usaremos Android Studio.
  9. Así es como se ve.
  10. Todavía un poco intimidante.
  11. Sí, creo que podríamos necesitar algo
  12. que ayude a facilitar un poco
    el aprendizaje del alumno.
  13. Así que hemos trabajado
    en el desarrollo de algo
  14. que es Android Studio
    sobre ruedas de entrenamiento,
  15. que en la tradición
    de siglas muy complejas
  16. en ciencias de computación,
    lo llamamos XMLV.
  17. Lo que significa Visualizador XML.
  18. Entonces escribes un poco de XML
    y puedes ver la salida.
  19. Escribes un poco más,
    y puedes ver más salida.
  20. Sí, entonces usémoslo.
  21. Bueno.
  22. Puesto que este visualizador de XML
  23. fue creado específicamente
    para este curso,
  24. no proporcionará toda la funcionalidad
  25. que Android Studio soporta.
  26. Pero en definitiva con el conjunto
    de problemas de esta lección,
  27. te introduciremos en Android Studio
  28. y ya no necesitarás este sitio web.
  29. Hay un enlace en las notas del instructor
  30. si quieres seguir adelante.
  31. En este código,
    el texto dice "Happy Birthday!".
  32. Así que cuando me fijo en el dispositivo
    dice Happy Birthday!.
  33. Ahora cambiemos el texto
    a "Happy Birthday, Kunal!".
  34. Cuando observamos
    la vista previa del dispositivo
  35. vemos que ahora dice,
    Happy Birthday, Kunal!.
  36. Y qué sucede si establecemos
    la anchura y la altura.
  37. Tomaré algunos valores arbitrarios
  38. como 300 dp para la anchura
    y 500 para la altura.
  39. Ahora en el panel de vista previa,
  40. ves que el TextView es mucho más grande.
  41. El texto, sin embargo,
    sigue siendo del mismo tamaño
  42. en la esquina superior izquierda.
  43. Observa que los valores
    de anchura y de altura
  44. de 300 y 500 son seguidos
    por dp en cada caso.
  45. Esta es una unidad de medida,
  46. como los centímetros y los milímetros,
  47. que utilizamos para describir
    el tamaño de las vistas en Android,
  48. así como el distanciamiento
    entre las vistas.
  49. La unidad dp significa
    píxeles independientes de la densidad.
  50. Déjame explicar
    por qué necesitamos eso.
  51. Digamos que estos rectángulos
    que están bellamente dibujados
  52. representan diferentes dispositivos.
  53. Son del mismo tamaño físico,
  54. pero difieren en cuanto a la resolución.
  55. Este es un dispositivo
    de resolución media
  56. con un número medio
    de píxeles en la pantalla,
  57. un dispositivo de resolución alta
    y uno de resolución extra-alta.
  58. Cuando digo píxel, me refiero
    a que una pantalla de teléfono
  59. se compone de muchos cuadraditos,
    que son los píxeles,
  60. y se encienden según lo que estés viendo.
  61. Si defino que el tamaño de una vista,
    por ejemplo un botón,
  62. sea de 2 píxeles de alto
    por 2 píxeles de ancho,
  63. se vería así en un dispositivo
    de resolución media.
  64. En un dispositivo de resolución alta,
  65. también sería de 2 píxeles por 2 píxeles.
  66. Pero es un poco más pequeño,
  67. porque hay muchos más píxeles
  68. que están comprimidos en este dispositivo,
  69. y en un dispositivo
    de extra alta resolución
  70. donde hay muchos más píxeles
  71. que están comprimidos en este espacio,
  72. este botón es realmente muy pequeño.
  73. Apenas puedo tocarlo con mi dedo.
  74. Tengo que usar el borde de mi dedo
    o mi uña para llegar a él.
  75. El hecho de tener un dispositivo
    de extra alta resolución
  76. no significa que tenga
    un dedo más pequeño.
  77. Aún así, quisiera poder tocar
    los botones en la pantalla.
  78. Y es por eso que tenemos
    píxeles independientes de la densidad.
  79. Puedo definir que mi botón sea
    de 2 dp de alto por 2 dp de ancho.
  80. Así se vería
    en los diferentes dispositivos.
  81. Es el mismo tamaño físico,
  82. pero por debajo, Android asigna
    una cantidad distinta de píxeles.
  83. No tienes que preocuparte
    por nada de esa lógica.
  84. Todo lo que necesitas recordar
  85. es que tienes que definir los tamaños
    en términos de valores dp.
  86. Al diseñar tus aplicaciones,
    te recomendamos
  87. que todos los objetivos táctiles
    como los botones
  88. tengan al menos 48 dp de alto y de ancho.
  89. Nota que dice 48 dp y no 48 píxeles,
  90. de lo contrario se vería muy pequeño
  91. en este dispositivo
    de extra alta resolución.
  92. Esto hará que tu aplicación
    sea fácil de usar para todos.
  93. Con todo este conocimiento,
  94. quiero que intentes cambiar
    el código TextView ahora.
  95. Vas a escribir tus primeras líneas de XML,
    ¡qué emocionante!.
  96. Primero trata de cambiar
    el texto en el TextView.
  97. Y luego trata de cambiar
    el tamaño del TextView.
  98. Luego quiero que trates de crear
    un error, cara triste.
  99. Y luego quiero que lo deshagas,
    cara feliz.