WEBVTT

1
00:00.890 --> 00:07.580
A contraparte composta de um layout linear
orientado verticalmente é o sinal de dois
pontos.

2
00:07.610 --> 00:16.640
A implementação dos dois pontos é igual à
do composable de linha, exceto pelo

3
00:16.640 --> 00:18.650
fato de você trocar as disposições e os
alinhamentos de horizontal para vertical.

4
00:18.680 --> 00:26.240
Vamos começar a definir uma nova coluna,
composable, e vou copiar e colar

5
00:26.240 --> 00:30.050
os três textos que criamos anteriormente
na linha para a coluna recém-criada.

6
00:30.050 --> 00:37.550
E, dentro da coluna, posso definir a
disposição, os alinhamentos, o conteúdo e
assim por diante.

7
00:37.580 --> 00:44.930
Aqui você notará que temos um alinhamento
horizontal e um arranjo vertical.

8
00:50.660 --> 00:59.090
Portanto, a principal diferença entre a
coluna e a linha é a disposição

9
00:59.090 --> 01:07.730
horizontal e o alinhamento vertical. Aqui
podemos ver que o alinhamento na coluna

10
01:07.730 --> 01:10.100
está definido como horizontal, ao
contrário do alinhamento, que é vertical
na linha.

11
01:10.130 --> 01:17.930
Além disso, a disposição em linha é
horizontal, enquanto a disposição em
coluna é vertical.

12
01:17.960 --> 01:24.110
Os arranjos e alinhamentos são trocados da
horizontal para a vertical.

13
01:24.110 --> 01:31.520
Isso ocorre porque os itens já estão
posicionados verticalmente em uma coluna,
e

14
01:31.520 --> 01:36.410
você precisa definir como eles se
comportam horizontalmente e como
espaçá-los verticalmente.

15
01:36.410 --> 01:40.280
Com as linhas, a situação é oposta.

16
01:40.370 --> 01:49.370
Os itens são colocados horizontalmente e a
linha precisa saber

17
01:49.370 --> 01:50.990
como eles se comportam verticalmente e
como espaçá-los horizontalmente.

18
01:51.020 --> 01:57.890
Vamos executar nosso aplicativo depois de
chamar minha coluna composable dentro do
conteúdo definido.

19
01:57.890 --> 01:59.510
E aqui vamos nós.

20
01:59.510 --> 02:08.510
Esse é o nosso layout, que contém uma
coluna com alinhamento horizontal,
centralizada

21
02:08.510 --> 02:11.360
horizontalmente, e uma disposição vertical
que organiza o espaço de maneira uniforme.

22
02:11.440 --> 02:16.030
Mas você pode ver que há algo faltando.

23
02:16.030 --> 02:18.100
Perdemos o modificador.

24
02:18.100 --> 02:25.750
Portanto, aqui eu preciso especificar um
modificador que defina o tamanho máximo do
preenchimento.

25
02:25.750 --> 02:27.790
O layout completo desta coluna.

26
02:27.790 --> 02:30.520
Vamos correr novamente e aqui vamos nós.

27
02:30.550 --> 02:32.290
Você pode ver a diferença.

28
02:32.290 --> 02:38.890
Portanto, desta vez você verá que os itens
estão organizados verticalmente em

29
02:38.890 --> 02:42.130
vez de horizontalmente, com o mesmo
espaçamento que vimos na linha.

30
02:42.130 --> 02:46.960
Agora você já viu como a coluna e a linha
são semelhantes aos layouts lineares.

31
02:46.960 --> 02:54.040
No entanto, elas são mais poderosas porque
você pode organizar as crianças de várias
maneiras diferentes.

32
02:54.040 --> 02:57.010
O que o layout linear não permite.

33
02:57.040 --> 03:00.190
Uma última coisa que devo mencionar é a
coluna.

34
03:00.190 --> 03:07.480
Portanto, se passarmos o mouse ou formos
até a declaração da coluna, poderemos

35
03:07.480 --> 03:09.340
ver a disposição vertical do modificador,
o alinhamento horizontal e o conteúdo.

36
03:09.370 --> 03:11.590
Isso tem tudo a ver com a coluna.

37
03:11.590 --> 03:15.100
Nos próximos vídeos, continuaremos com os
layouts.