WEBVTT

00:00:01.060 --> 00:00:04.260
Novamente, aqui está o design
que queremos criar.

00:00:04.260 --> 00:00:08.527
O legal desta exibição é que
ela usa a maioria dos elementos de interface que vimos

00:00:08.527 --> 00:00:09.060
anteriormente.

00:00:09.060 --> 00:00:11.570
Para impedir que o número
de layouts complexos cresça

00:00:11.570 --> 00:00:14.300
muito, vamos usar
três recursos de layout

00:00:14.300 --> 00:00:15.520
do Android.

00:00:15.520 --> 00:00:17.240
O primeiro já vimos antes.

00:00:17.240 --> 00:00:20.470
A única diferença entre
um item de lista de previsão no celular e

00:00:20.470 --> 00:00:23.390
um no tablet é o preenchimento e as
margens em volta dos itens da lista.

00:00:23.390 --> 00:00:26.860
Felizmente, é fácil adicionar
isso à lista de previsão.

00:00:26.860 --> 00:00:30.960
Podemos usar dimensões para dar ao mesmo
layout mais espaço quando usado em tablets.

00:00:30.960 --> 00:00:35.720
No layout de item da lista de previsão, podemos adicionar
uma dimensão de preenchimento ao layout exterior.

00:00:35.720 --> 00:00:39.710
Usamos o preenchimento aqui, em vez de margens,
porque queremos o conteúdo no conjunto.

00:00:39.710 --> 00:00:40.580
Se usássemos margens,

00:00:40.580 --> 00:00:44.110
o seletor de linha não seria desenhado
entre os itens da lista.

00:00:44.110 --> 00:00:47.970
Também usamos uma dimensão diferente para
o espaço entre as duas temperaturas.

00:00:47.970 --> 00:00:49.480
Note que usamos tanto Right quanto

00:00:49.480 --> 00:00:52.260
End para ter certeza de que este layout está
pronto para espelhamento da direita para a esquerda.

00:00:53.340 --> 00:00:56.110
Depois, no arquivo de recurso,
criamos uma dimensão que atualiza

00:00:56.110 --> 00:00:58.860
o preenchimento extra e
o espaço entre as duas temperaturas.

00:00:58.860 --> 00:01:00.670
E, assim, o layout está atualizado.

00:01:00.670 --> 00:01:03.430
Estou usando a configuração sw600dp-port.

00:01:03.430 --> 00:01:07.100
Isso significa que essas alterações só
serão aplicadas na orientação Retrato

00:01:07.100 --> 00:01:10.130
com dispositivos que têm dois lados
com, pelo menos, 600 dp de largura.

00:01:10.130 --> 00:01:14.890
O segundo recurso que aproveitamos
é a reutilização de layout usando a tag de inclusão.

00:01:14.890 --> 00:01:16.430
Podemos ver que nosso fragmento detail usa,

00:01:16.430 --> 00:01:19.840
na orientação Retrato e na orientação Paisagem,
as mesmas exibições.

00:01:19.840 --> 00:01:22.730
A exibição de fragmento detail já contém
esses layouts.

00:01:22.730 --> 00:01:26.520
Note que podemos atribuir novos parâmetros
de layout quando incluímos o layout.

00:01:27.530 --> 00:01:29.310
Não estamos usando isso no Sunshine.

00:01:29.310 --> 00:01:32.150
No entanto, podemos evitar a adição de outro
contêiner quando incluímos o layout

00:01:32.150 --> 00:01:34.900
usando a tag de mesclagem no
layout a ser incluído.

00:01:34.900 --> 00:01:37.810
Por fim, vamos
continuar a usar referências.

00:01:37.810 --> 00:01:40.930
As referências nos permitem criar aliases para os
recursos.

00:01:40.930 --> 00:01:43.150
Como você pode ver,
no modo paisagem de tablets,

00:01:43.150 --> 00:01:46.250
a detail view deve apontar para
uma versão vertical da exibição.

00:01:46.250 --> 00:01:50.850
Vamos criar uma referência
apontando para fragment_detail_start e

00:01:50.850 --> 00:01:54.720
nos certificar de que ela aponte para o fragmento
detail correto para todas as configurações.

00:01:54.720 --> 00:01:56.290
Isso será bastante útil
na próxima aula.