YouTube

Got a YouTube account?

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

Portuguese, Brazilian subtitles

← Altering the Layout - Solution

Get Embed Code
5 Languages

Showing Revision 8 created 06/20/2016 by Udacity Robot.

  1. Maravilha!
    Você terminou.

  2. Vamos examinar minha solução.
  3. Antes de começarmos a desenhar
    a parte inferior de nossa detail view,
  4. sejamos estratégicos.
  5. Temos duas colunas,
    uma que contém esses cabeçalhos e outra
  6. que contém dados.
  7. A coluna de cabeçalhos é bem fácil:
    está toda justificada à esquerda,
  8. a 32 dp da borda.
  9. A outra coluna também está justificada
  10. à direita com relação à borda externa, porém os três
    elementos estão alinhados à esquerda.
  11. Seria muito difícil fazer isso com
    qualquer coisa que não fosse um layout de grade.
  12. O que faremos é permitir a esses três
    elementos ocupar o espaço expandido.
  13. Vejamos como faremos a implementação.
  14. Certo, vamos
    dar uma olhada no nosso layout de grade.
  15. Como podem ver, o padding
    inferior e superior é de 16 DPR.
  16. Abc_action_bar_content_inset_material.
  17. O padding da esquerda e
    da direita e do início e do fim para
  18. idiomas da direita para a esquerda
    é forecase_detail_horizontal_padding.
  19. Ou 32DP conforme definimos
    em nossas dimensões.
  20. Vejamos nossa primeira linha e
    coluna.
  21. Como pode ver,
    estamos usando columnWeight="1".
  22. Informe ao gerenciador de layout
  23. que essa textView será
    expandida para ocupar possíveis espaços adicionais.
  24. Usamos rowWeight como 1 também para mostrar
    que esta linha terá participação em qualquer
  25. espaço adicional
    que o gerenciador de layout possa ter.
  26. Esta é a nossa primeira coluna.
  27. E esta é a nossa segunda coluna.
  28. Note que não estamos usando
    "weight" em nenhum caso.
  29. Fora isso, é bem simples.
  30. Todas as nossas linhas têm
    rowWeight="1", portanto
  31. elas farão parte do espaço
    extra, então todas serão espaçadas igualmente.
  32. Isso dá ao layout uma aparência equilibrada.
  33. E é isso.
  34. Isso é bastante simples.
  35. Novamente, não há necessariamente
    uma única solução para isso.
  36. Uma das coisas que gosto em layouts
  37. é que cada um deles
    é como um enigma a ser resolvido.
  38. Muito bem, já está em execução no emulador.
  39. E aqui está nossa detail view
  40. com a seção inferior
    exatamente como queríamos.