Android Academy · Aula

Alinhamento e organização

Posicione os elementos filhos com precisão.

Alinhamento e organização é uma aula grátis de Android Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Android Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Android Academy inclui 4 aulas no total.

Posicionando elementos filhos

Dentro de uma Column ou Row, duas configurações controlam onde os elementos filhos ficam: alinhamento (através do layout) e arranjo (ao longo do layout).

Alinhamento da Column

Em uma Column, os elementos filhos são empilhados verticalmente. horizontalAlignment controla sua posição horizontal — à esquerda, no centro ou à direita.

Column(horizontalAlignment = Alignment.CenterHorizontally) {
    Text("Centered")
    Text("Also centered")
}

Arranjo da Column

verticalArrangement controla como os elementos filhos são distribuídos verticalmente — no topo, no centro, na parte inferior ou com espaçamento uniforme.

Column(verticalArrangement = Arrangement.Center) {
    Text("A")
    Text("B")
}

Alinhamento da Row

Em uma Row, os eixos se invertem. verticalAlignment controla a posição vertical dos elementos filhos, e horizontalArrangement os distribui horizontalmente.

Row(verticalAlignment = Alignment.CenterVertically) {
    Text("Left")
    Text("Right")
}

Memorizando a dupla

Dica: alignment é o eixo transversal, e arrangement é o eixo principal. Em uma Column, o eixo principal é vertical, portanto usamos verticalArrangement e horizontalAlignment.

Opções de Arrangement

Valores comuns de Arrangement:

Top / Bottom / Center
SpaceBetween — espaços entre os elementos.
SpaceAround / SpaceEvenly

SpaceBetween

SpaceBetween empurra o primeiro e o último elemento filho para as bordas e distribui os demais uniformemente — perfeito para uma barra superior com um título à esquerda e um ícone à direita.

Row(horizontalArrangement = Arrangement.SpaceBetween) {
    Text("Title")
    Text("Action")
}

Arrangement.spacedBy

Arrangement.spacedBy(8.dp) adiciona um espaço fixo entre cada elemento filho — a maneira mais organizada de espaçar uniformemente os itens de uma lista.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Text("One")
    Text("Two")
    Text("Three")
}

Combinando spacedBy com Alignment

Você pode combinar arranjo e alinhamento para ter controle total do layout.

Column(
    verticalArrangement = Arrangement.spacedBy(12.dp),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    Text("Title")
    Button(onClick = {}) { Text("Go") }
}

Alinhamento da Box

Para Box, use contentAlignment para posicionar os elementos filhos ou Modifier.align() em elementos filhos individuais para posicioná-los separadamente.

Box(modifier = Modifier.fillMaxSize()) {
    Text(
        text = "Bottom",
        modifier = Modifier.align(Alignment.BottomCenter)
    )
}

Juntando tudo

Uma linha de cabeçalho e uma lista com espaçamento uniforme.

Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
    Row(horizontalArrangement = Arrangement.SpaceBetween) {
        Text("Inbox")
        Text("Edit")
    }
    Text("Message 1")
    Text("Message 2")
}

Verificação rápida

Em uma Column, qual parâmetro controla a posição horizontal dos elementos filhos?

Recapitulação

Posicionamento:

Alignment = eixo transversal; arrangement = eixo principal.
Column: horizontalAlignment + verticalArrangement.
Row: verticalAlignment + horizontalArrangement.
Arrangement.spacedBy() adiciona espaços uniformes.

Perguntas Frequentes

A aula “Alinhamento e organização” é grátis?

Sim — o texto completo de “Alinhamento e organização” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Android Academy, atualize para CoddyKit PRO. O curso de Android Academy inclui 4 aulas no total.

O que vou aprender em “Alinhamento e organização”?

Posicione os elementos filhos com precisão. Você pratica Android Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Android Academy?

Nenhuma experiência prévia é necessária. Android Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.

Quanto tempo leva a aula “Alinhamento e organização”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Android Academy?

Sim. Cada aula de Android Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Android Academy