Portuguese, Brazilian 字幕

← Tablet UX Mocks - Developing Android Apps

埋め込みコードを取得する
10言語

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

  1. Quando aprendemos o
    design responsivo,
  2. vimos que um padrão comum era usar o
    MasterDetailFlow,
  3. que usaremos para
    o Sunshine.
  4. Eis a simulação de tablet.
  5. Temos uma lista de previsões à esquerda
    e, para o item selecionado,
  6. vemos o painel de detalhe à direita.
  7. Isso se aplica a tablets de 7 e de
    10 polegadas,
  8. para orientações de retrato e paisagem.
  9. No modo retrato, as colunas
    são um pouco mais estreitas,
  10. mas ainda é uma UI de dois painéis.
  11. Em termos de implementação, tudo isso
    ficará na MainActivity.
  12. À esquerda, temos o
    ForecastFragment.
  13. E à direita, temos o
    DetailFragment.
  14. No telefone, ainda temos o
    MainActivity com a lista de previsão.
  15. A seleção de um item
    lança o DetailActivity.
  16. Eis outra maneira de visualizar isso.
  17. No tablet, temos dois fragmentos
    lado a lado, em uma atividade.
  18. No telefone,
    temos a primeira atividade
  19. contendo o primeiro fragmento.
  20. A seleção de um item lançará
    a segunda atividade
  21. contendo o segundo fragmento.
  22. Vamos dividir isso em
    várias tarefas de codificação,
  23. até criar o layout final.
  24. Primeiro criamos a
    UI de dois painéis para tablets.
  25. Depois, conectamos a comunicação
    entre os dois fragmentos de forma que
  26. a seleção de um item
    substitua o painel de detalhes à direita.
  27. Aprenderemos como exibir
    um estado ativado
  28. no item selecionado atual
    para sabermos a que corresponde o
  29. painel de detalhes.
  30. Precisaremos nos certificar de que
    a posição de rolagem
  31. seja mantida em todas as mudanças de orientação.
  32. Depois disso, atualizaremos o DetailLayout
    para que seja otimizado para telas mais largas.
  33. Modificaremos o adaptador
    para que o layout today
  34. se pareça com os outros dias.
  35. Não há layout today especial
    no tablet.
  36. Esperamos que esteja claro
    como abordaremos
  37. a implementação desse comportamento
  38. de tablet, vamos analisar detalhadamente
    cada etapa.