Portuguese, Brazilian subtitles

← 02-05 GPU_Problem_Overdraw

Get Embed Code
13 Languages

Showing Revision 1 created 12/29/2015 by sp2.

  1. Você alguma fez pintou um quarto ou casa,
  2. sabe que é preciso muito trabalho
    para pintar todas as paredes,
  3. e se for preciso repintá-las novamente,
  4. Você demorou muito tempo da primeira vez
  5. o mesmo conceito de perder tempo pintando,
  6. também pode contribuir para problemas
    de desempenho em seus aplicativos.
  7. Perceba que no cruzamento entre
    desempenho e design
  8. existe um problema de
    desempenho comum, Overdraw.
  9. Overdraw é um termo usado para
    descrever quantas vezes um pixel na tela
  10. foi redesenho em um único frame,
    por exemplo
  11. Se nós temos um monte de
    placas de IU empilhadas,
  12. logo as placas que estão na parte superior
    da pilha próxima do usuário
  13. irão esconder uma grande quantidade
    de placas que estão escondidas embaixo.
  14. Isso significa que, vamos gastar tempo
    desenhando aquelas placas invisíveis.
  15. O que é, na verdade, um grande problema
  16. porque estamos renderizando pixels que
    não contribuem para o resultado final,
  17. perdemos desempenho da GPU
  18. e com todos esses layouts modernos,
    é muito fácil cair em uma armadilha
  19. onde estamos empilhando camadas de view
  20. para que seja possível conseguir
    esse design transcendente,
  21. mas também criando o mesmo
    problema de overdraw.
  22. Para maximizar o desempenho
    de sua aplicação,
  23. é preciso minimizar o overdraw.
  24. Felizmente, é fácil reconhecer o número
    de overdraw em seus aplicativos
  25. em seu dispositivo Android.
  26. Entre no modo de desenvolvedor,
  27. e depois ative Mostrar Overdraw da CPU:
  28. Não precisa entrar em pânico quando
    seu celular ficar com um visual incrível.
  29. Isso é completamente normal.
  30. O Android está usando cores diferentes
  31. para destacar áreas de overdraw na tela.
  32. Se você só renderizou um pixel uma vez,
  33. você poderá vê-los na
    cor verdadeira, sem tonalidade.
  34. Porém, conforme o aumento de overdraw,
    também aumentam as cores.
  35. Por exemplo, um overdraw x,
    terá a sua tonalidade da cor azul,
  36. o que significa que você agora redesenhou
    o pixel mais de uma vez.
  37. E, evidentemente, dois x, três x e
    quatro x seguem o mesmo padrão.
  38. Quando estiver ajustando a IU do app,
  39. você quer reduzir,
    o máximo de overdraw possível,
  40. reduzindo todas as áreas em vermelho,
    para beneficiar as áreas em azul.
  41. Para alcançar esse objetivo, existem dois
    caminhos para remover overdraw.
  42. Em primeiro lugar, é necessário
    eliminar fundos desnecessários
  43. e os desenháveis de views
  44. que não contribuem para
    a imagem final renderizada.
  45. Lembre-se, isso é desperdiçar desempenho.
  46. Em segundo lugar,
    você pode definir as áreas de sua tela
  47. onde você sabe que irá
    esconder partes da view,
  48. o que pode ajudar a reduzir
    a sobrecarga da CPU e GPU.
  49. Vamos começar pelo início
  50. e junte-se ao Chris, ele irá nos ajudar
    a reconhecer um overdraw.