Portuguese, Brazilian subtitles

← So Much Real Estate Part 2

Get Embed Code
5 Languages

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

  1. Novamente, aqui está o design
    que queremos criar.
  2. O legal desta exibição é que
    ela usa a maioria dos elementos de interface que vimos
  3. anteriormente.
  4. Para impedir que o número
    de layouts complexos cresça
  5. muito, vamos usar
    três recursos de layout
  6. do Android.
  7. O primeiro já vimos antes.
  8. A única diferença entre
    um item de lista de previsão no celular e
  9. um no tablet é o preenchimento e as
    margens em volta dos itens da lista.
  10. Felizmente, é fácil adicionar
    isso à lista de previsão.
  11. Podemos usar dimensões para dar ao mesmo
    layout mais espaço quando usado em tablets.
  12. No layout de item da lista de previsão, podemos adicionar
    uma dimensão de preenchimento ao layout exterior.
  13. Usamos o preenchimento aqui, em vez de margens,
    porque queremos o conteúdo no conjunto.
  14. Se usássemos margens,
  15. o seletor de linha não seria desenhado
    entre os itens da lista.
  16. Também usamos uma dimensão diferente para
    o espaço entre as duas temperaturas.
  17. Note que usamos tanto Right quanto
  18. End para ter certeza de que este layout está
    pronto para espelhamento da direita para a esquerda.
  19. Depois, no arquivo de recurso,
    criamos uma dimensão que atualiza
  20. o preenchimento extra e
    o espaço entre as duas temperaturas.
  21. E, assim, o layout está atualizado.
  22. Estou usando a configuração sw600dp-port.
  23. Isso significa que essas alterações só
    serão aplicadas na orientação Retrato
  24. com dispositivos que têm dois lados
    com, pelo menos, 600 dp de largura.
  25. O segundo recurso que aproveitamos
    é a reutilização de layout usando a tag de inclusão.
  26. Podemos ver que nosso fragmento detail usa,
  27. na orientação Retrato e na orientação Paisagem,
    as mesmas exibições.
  28. A exibição de fragmento detail já contém
    esses layouts.
  29. Note que podemos atribuir novos parâmetros
    de layout quando incluímos o layout.
  30. Não estamos usando isso no Sunshine.
  31. No entanto, podemos evitar a adição de outro
    contêiner quando incluímos o layout
  32. usando a tag de mesclagem no
    layout a ser incluído.
  33. Por fim, vamos
    continuar a usar referências.
  34. As referências nos permitem criar aliases para os
    recursos.
  35. Como você pode ver,
    no modo paisagem de tablets,
  36. a detail view deve apontar para
    uma versão vertical da exibição.
  37. Vamos criar uma referência
    apontando para fragment_detail_start e
  38. nos certificar de que ela aponte para o fragmento
    detail correto para todas as configurações.
  39. Isso será bastante útil
    na próxima aula.