Return to Video

02-06_Visualizar y corregir la sobrecarga-Prueba

  • 0:00 - 0:02
    Hola, ¿qué tal?
  • 0:02 - 0:03
    Gracias, Colt.
  • 0:03 - 0:06
    Me alegro mucho de unirme a tu explicación
  • 0:06 - 0:08
    y de mostrar un ejemplo
    de programación con sobrecarga.
  • 0:08 - 0:10
    Ahora, si quieres seguir,
  • 0:10 - 0:13
    copia el ejemplo del código
    de la URL de las notas del profesor.
  • 0:13 - 0:16
    Tenemos el código de ejemplo
    de nuestra aplicación.
  • 0:16 - 0:20
    Imagínate que acabas de crear
    una aplicación para chatear
  • 0:20 - 0:23
    y quieres ver qué cómo funciona
    el rendimiento de la sobrecarga.
  • 0:24 - 0:27
    Lo primero que tienes que hacer
    es recopilar información
  • 0:27 - 0:29
    de cómo funciona la app.
  • 0:29 - 0:33
    Para ello activas el depurador
    de sobrecarga de la GPU de tu dispositivo,
  • 0:33 - 0:36
    que se encuentra en las "Ociones
    de Desarrollo" de ajustes del Sistema.
  • 0:36 - 0:37
    Mira, así.
  • 0:41 - 0:43
    Vale, ya está.
  • 0:43 - 0:45
    Volvemos a la aplicación para chatear.
  • 0:45 - 0:49
    Fíjate en toda esta sobrecarga
    que tenemos aquí.
  • 0:49 - 0:52
    Querrás reducirla,
    sobre todo en las zonas rojas.
  • 0:52 - 0:55
    Bien, aquí tienes un recordatorio
    de lo que significan los colores.
  • 0:58 - 1:01
    ¿Estás listo para profundizar?
  • 1:01 - 1:04
    Nos zambullimos en la interfaz de usuario
    para saber cómo se ha creado
  • 1:04 - 1:06
    y ver si podemos modificarla un poco
    para reducir algo de la sobrecarga.
  • 1:06 - 1:08
    Según nos dijo Colt,
  • 1:08 - 1:12
    una forma de hacerlo es borrar imágenes
    de fondo y dibujos innecesarios.
  • 1:12 - 1:14
    ¡Vamos a intentarlo!
  • 1:14 - 1:17
    ¿Por qué no adornamos
    Chatum, así?
  • 1:20 - 1:23
    Veamos el problema paso a paso.
  • 1:23 - 1:26
    Por ejemplo, ¿ves una sobrecarga verde
  • 1:26 - 1:29
    o dos X en la imagen de fondo del Chatum?
  • 1:29 - 1:30
    ¿Por qué será?
  • 1:30 - 1:33
    La actividad base de Chatum
    utiliza un modelo de diseño
  • 1:33 - 1:37
    con una imagen de fondo blanca opaca
    que ocupa toda la pantalla.
  • 1:37 - 1:40
    Nos gusta, pero choca con los valores
    del tema central de Android,
  • 1:40 - 1:43
    en particular con el dibujo
    de la imagen de fondo de la ventana;
  • 1:43 - 1:45
    lo que crea una sobrecarga innecesaria.
  • 1:45 - 1:49
    Como programadores tenemos
    que decidir sobre el diseńo.
  • 1:49 - 1:51
    Pongamos que nos gustaría mantener
    la imagen blanca del fondo,
  • 1:51 - 1:55
    lo que significa que no hay un fín
    un fin específico para el motivo del material.
  • 1:55 - 1:58
    Por tanto, una mejora
    que podemos hacer aquí
  • 1:58 - 2:01
    es anular el dibujable de la imágen
    de fondo de las actividades.
  • 2:01 - 2:03
    Mira cómo se hace en el código.
  • 2:03 - 2:07
    Fíjate en el método onCreate,
    en la actividad base de Chatum.
  • 2:07 - 2:10
    Utiliza la siguiente instrucción
    para anular la imagen de fondo.
  • 2:11 - 2:12
    Vale, bien.
  • 2:12 - 2:15
    Al anular la imagen de fondo,
    hemos reducido la sobrecarga
  • 2:15 - 2:19
    de verde a azul, dejándola en una sola x.
  • 2:19 - 2:21
    Genial.
  • 2:21 - 2:23
    Era un cambio de programación.
  • 2:23 - 2:27
    Vamos a echar un vistazo a la etiqueta XML
    para ver si modificamos algo más.
  • 2:27 - 2:31
    Ya habrás comprobado
    que hay tres archivos XML que especifican
  • 2:31 - 2:33
    la interfaz de usuario de Chatum:
  • 2:33 - 2:37
    la acividad de base, Chatum Latinum,
  • 2:37 - 2:42
    el XML para el trozo de chat y
    el XML individual para los temas del chat.
  • 2:45 - 2:47
    Como te he dicho,
  • 2:47 - 2:50
    queremos mantener
    la imagen de fondo blanca de aquí;
  • 2:50 - 2:52
    por lo tanto no quitamos nada.
  • 2:52 - 2:56
    Pero quizá aún podamos modificar algo
    de los otros dos archivos XML.
  • 2:56 - 2:58
    Y aquí necesito tu ayuda.
  • 2:59 - 3:01
    Hazme un favor:
    junta esos dos archivos XML
  • 3:01 - 3:05
    y comprueba si puedes eliminar
    alguna imagen de fondo innecesaria.
  • 3:05 - 3:06
    Cuando termines,
  • 3:06 - 3:09
    anota en esta casilla
    el número de imágenes que has quitado.
  • 3:09 - 3:12
    Si tienes problemas, no te preocupes,
  • 3:12 - 3:13
    continúa para encontrar la solución.
Title:
02-06_Visualizar y corregir la sobrecarga-Prueba
Description:

02-06_Visualizar y corregir la sobrecarga-Prueba

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

Spanish subtitles

Revisions Compare revisions