YouTube

Got a YouTube account?

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

Spanish subtitles

← 02-07_Visualizar y corregir la sobrecarga-Solución

02-07_Visualizar y corregir la sobrecarga-Solución

Get Embed Code
13 Languages

Showing Revision 8 created 01/15/2016 by QA_SP_10_SP.

  1. Tendría que haber 4 fondos innecesarios

  2. en los archivos restantes.
  3. Sigamos y lo revisamos.
  4. Queríamos mantener un fondo blanco
    en las actividades base de XML,
  5. En el archivo XML del fragmento de chat
  6. dijimos que había un fondo blanco
    innecesario, aquí exactamente.
  7. No lo necesitamos, porque podemos
    usar el blanco de la actividad principal.
  8. Eso, en cuanto a este archivo.
  9. En el archivo XML
    de temas de chat individuales
  10. hay 3 fondos innecesarias.
  11. Hay uno aquí sin necesidad,
  12. Otra aquí que no necesitamos,
  13. y tampoco necesitamos este fondo
    en nuestra vista de texto.
  14. Continuamos y los eliminamos.
  15. Vale, genial.
  16. Vamos a ver
    cómo progresa la sobrecarga.
  17. Tu pantalla debería aparecer así
  18. después de quitar todas
    esos fondos debidamente.
  19. Mucho más clara, ¿no?
  20. Vale, ¡bien hecho!
  21. Casi hemos terminado,
  22. pero nos queda una mejora por hacer.
  23. ¿Ves que hay aquí
    una sobrecarga de avatares?
  24. Porque hay un rectángulo dibujado
    y, encima, la imagen de un avatar.
  25. Intentemos mejorarlo,
  26. poniendo solo un fondo
    cuando no se vea un avatar.
  27. Lo podemos hacer
    con algún código condicional.
  28. Vale.
  29. Nos metemos en el código
    de adaptador del chat,
  30. encargado de completar los motivos
    de chat individuales según se cargan.
  31. Vamos al método getView.
  32. Abajo encontramos que hay cierta
    lógica pues despliega los dos a la vez:
  33. el avatar mientras configura
    el color de fondo.
  34. Vamos a ver si podemos hacer
    algo más inteligente aquí.
  35. Escribimos un código para configurar
    solo el color de fondo
  36. cuando no haya un avatar.
  37. Y configuramos que el color
    sea transparente cuando lo haya
  38. y que solo cargue el avatar.
  39. Lo podemos hacer así.
  40. Vale, aquí está el código actualizado.
  41. Fíjate que cuando no aparece
    el avatar se carga un color transparente
  42. en el lugar del que aparecería
    con el avatar normalmente,
  43. y luego se configura un color
    de fondo real para el avatar.
  44. En el otro caso, cuando está el avatar,

  45. lo cargaremos sin problema,
  46. y configuraremos el color de fondo
    para que sea transparente.
  47. Así minimizaremos la sobrecarga.
  48. Vale, pues continuamos y vemos
    cómo nos ayuda esta mejora.
  49. Genial.
  50. Como ves ahora en los avatares
  51. hay mucha menos sobrecarga
    con el código actualizado.
  52. Esta era la última mejora,
    así que ya está hecho.
  53. Continuamos y resumimos.
  54. Al empezar, la sobrecarga
    se notaba mucho más.
  55. Lo primero que hicimos fue
    anular el dibujable de la imagen de fondo.
  56. Lo segundo, quitar las imágenes de fondo
    innecesarias de las etiquetas de XML,
  57. Y lo tercero y último,
    desplegar un color de fondo
  58. cuando no hay un avatar.
  59. Con estos cambios
    hemos terminado con esto.
  60. Está mucho más limpio en relación
    al rendimiento de la sobrecarga.
  61. ¡Guay!
  62. Recuerda: el rendimiento importa.