Return to Video

So Much Real Estate Part 2

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

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
UD855 - Android Fundamentals 2
Duration:
01:57

Portuguese, Brazilian subtitles

改訂 Compare revisions