Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:03
    Oi como vai isso?
    E obrigado, Colt.
  • 0:03 - 0:05
    Estou animado para unir conhecimento
  • 0:05 - 0:07
    e aprimorar uma situação
    de desenvolvedor envolvendo overdraw.
  • 0:08 - 0:09
    Se quiser nos acompanhar,
  • 0:09 - 0:13
    é preciso copiar o exemplo do código
    na URL que está nas notas do instrutor.
  • 0:13 - 0:16
    Então aqui estamos no nosso exemplo
    de código do aplicativo.
  • 0:16 - 0:19
    Vamos imaginar que você acabou
    de criar um aplicativo de bate-papo,
  • 0:20 - 0:21
    e você está louco para saber
    o quão bem se saiu
  • 0:22 - 0:23
    com relação ao desempenho do overdraw.
  • 0:24 - 0:28
    Primeiro você vai querer coletar
    informações de desempenho do app.
  • 0:28 - 0:30
    Para isso, você precisa ativar
  • 0:30 - 0:32
    a configuração de depuração de
    overdraw da GPU no dispositivo.
  • 0:33 - 0:35
    Vai achá-la nas opções de desenvolvedor,
  • 0:35 - 0:37
    nas configurações de seu sistema.
  • 0:41 - 0:44
    Ok, está ligado, agora, de volta
    ao nosso aplicativo de bate-papo.
  • 0:45 - 0:48
    Ui, veja o excesso de overdraw aqui.
  • 0:49 - 0:51
    Você quer reduzir isso,
    em particular as áreas vermelhas.
  • 0:52 - 0:55
    Aqui vai um pequeno lembrete
    sobre o significado das cores.
  • 0:59 - 1:00
    Legal, está pronto para começar?
  • 1:01 - 1:03
    Vamos ver como a IU
    está construída atualmente,
  • 1:03 - 1:05
    e ver se podemos limpá-la
    para reduzir overdraw.
  • 1:06 - 1:09
    Como Colt mencionou antes,
    uma maneira de fazer isso
  • 1:09 - 1:11
    é removendo desnecessários
    fundos e desenháveis.
  • 1:12 - 1:13
    Então, mãos à obra!
  • 1:14 - 1:17
    Que tal melhorarmos o
    Chatum para ele ficar assim?
  • 1:20 - 1:22
    Mas vamos resolver isso passo a passo.
  • 1:23 - 1:25
    Por exemplo,
    observe que temos verde
  • 1:25 - 1:28
    ou dois x overdraw no
    fundo do Chatum aqui?
  • 1:29 - 1:30
    O que poderia ser isso?
  • 1:30 - 1:33
    Acontece que a atividade base
    do Chatum usa um frame layout
  • 1:33 - 1:36
    com um fundo branco opaco
    que preenche toda a tela.
  • 1:37 - 1:40
    Nós até gostamos disso, porém colide com
    as predefinições padrão do Android,
  • 1:40 - 1:42
    em especial o fundo do desenhável.
  • 1:43 - 1:44
    Isto provoca overdraw desnecessário.
  • 1:45 - 1:48
    Agora, como um desenvolvedor,
    temos uma decisão de design para tomar.
  • 1:49 - 1:51
    Digamos que queremos manter
    nosso fundo branco,
  • 1:51 - 1:54
    que significa que não tem
    um propósito real para o tema do material.
  • 1:55 - 1:57
    Uma otimização que acredito
    podermos fazer aqui
  • 1:57 - 1:59
    é definir o desenhável do fundo
    de nossa atividade para null.
  • 2:00 - 2:02
    Deixe mostrar como fazer isso no código.
  • 2:02 - 2:04
    Na atividade base do Chatum
  • 2:05 - 2:06
    vamos examinar o método onCreate.
  • 2:07 - 2:09
    Use a seguinte instrução
    para anular o fundo.
  • 2:11 - 2:13
    Legal, anulando o fundo
  • 2:13 - 2:16
    nós reduzimos este overdraw
    de verde para azul,
  • 2:16 - 2:18
    tornando efetivamente
    o overdraw em um x.
  • 2:19 - 2:20
    Legal.
  • 2:21 - 2:23
    Mas isto foi uma mudança programática.
  • 2:23 - 2:26
    Mas vamos dar uma olhada na marcação XML
    para ver se nós podemos fazer algo.
  • 2:27 - 2:30
    Você provavelmente já percebeu
    que existem três arquivos XML
  • 2:30 - 2:32
    que especificam a IU do Chatum.
  • 2:33 - 2:36
    Há a atividade de base Chatum Latinum,
  • 2:37 - 2:38
    o XML do fragmento de nosso bate-papo,
  • 2:40 - 2:43
    e por último, o XML individual
    de nossos itens de bate-papo.
  • 2:45 - 2:46
    Como mencionado antes,
  • 2:47 - 2:49
    agora intencionalmente queremos
    manter este fundo branco aqui.
  • 2:50 - 2:52
    Não vamos remover mais nada.
  • 2:52 - 2:56
    Mas talvez haja possibilidade de melhorar
    algo nos dois restantes arquivos XML.
  • 2:56 - 2:57
    É aqui que gostaria da sua ajuda.
  • 2:59 - 3:01
    Faça um favor para mim e combine
    os arquivos XML restantes,
  • 3:01 - 3:04
    e veja se é possível remover
    fundos declarados desnecessários.
  • 3:05 - 3:07
    Quando terminar,
    insira o número de fundos
  • 3:07 - 3:08
    que você removeu neste campo aqui.
  • 3:10 - 3:12
    Se estiver com dificuldade,
    não precisa se preocupar.
  • 3:12 - 3:13
    avance para a solução.
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

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

Portuguese, Brazilian subtitles

Revisions Compare revisions