Android Academy · Aula

O sistema Modifier

Defina tamanho, espaçamento e estilo com modificadores.

O sistema Modifier é uma aula grátis de Android Academy no CoddyKit. Esta é a aula 2 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.

O que é um Modifier?

Um Modifier decora ou configura um composable: seu tamanho, preenchimento, plano de fundo, comportamento ao clicar e muito mais. Quase todo composable aceita um parâmetro modifier.

Encadeamento

Os modificadores são encadeados: cada função retorna um novo modificador, portanto você chama uma função após a outra.

Modifier
    .padding(16.dp)
    .size(100.dp)
    .background(Color.LightGray)

Passando um Modifier

Você passa a cadeia para o parâmetro modifier do composable.

Text(
    text = "Hello",
    modifier = Modifier
        .padding(8.dp)
        .background(Color.Yellow)
)

A ordem é importante!

A ordem dos modificadores altera o resultado. Os modificadores são aplicados da esquerda para a direita, envolvendo uns aos outros como camadas.

padding e depois background

Aqui, o preenchimento é aplicado primeiro, então o plano de fundo preenche apenas a área interna — deixando transparente o espaço ocupado pelo preenchimento.

Modifier
    .padding(16.dp)
    .background(Color.Red)

background e depois padding

Troque a ordem, e o plano de fundo passará a cobrir toda a área, enquanto o preenchimento empurra o conteúdo para dentro. Os mesmos modificadores, uma aparência diferente — porque a ordem é importante.

Modifier
    .background(Color.Red)
    .padding(16.dp)

Modificadores de tamanho comuns

Modificadores de dimensionamento usados com frequência:

size(100.dp) — largura e altura fixas.
fillMaxWidth() — ocupa todo o espaço horizontal.
fillMaxSize() — ocupa todo o espaço disponível.
width() / height() — define uma dimensão.

Clicável

Modifier.clickable faz qualquer composable responder a toques — até mesmo um Text ou Box simples.

Text(
    text = "Tap me",
    modifier = Modifier.clickable { /* handle */ }
)

Reutilizando um parâmetro Modifier

Por convenção, composables personalizados aceitam um parâmetro modifier: Modifier = Modifier e o passam para o elemento raiz. Isso permite que quem chama personalize o layout externamente.

@Composable
fun Card(modifier: Modifier = Modifier) {
    Column(modifier = modifier) { /* ... */ }
}

Modifier é o primeiro parâmetro

Por convenção, o parâmetro modifier vem primeiro entre os parâmetros opcionais e tem como padrão o Modifier vazio. Isso mantém sua API consistente com a biblioteca padrão.

Juntando tudo

Uma caixa estilizada usando uma cadeia cuja ordem foi definida deliberadamente.

Box(
    modifier = Modifier
        .size(120.dp)
        .background(Color(0xFFE86F00))
        .padding(12.dp)
) {
    Text(text = "Compose", color = Color.White)
}

Verificação rápida

Por que Modifier.padding(16.dp).background(Color.Red) tem uma aparência diferente de Modifier.background(Color.Red).padding(16.dp)?

Recapitulação

Modificadores:

Configuram tamanho, preenchimento, plano de fundo, cliques e muito mais.
São encadeados e aplicados em ordem — a ordem é importante.
Composables personalizados devem expor um primeiro parâmetro modifier: Modifier = Modifier.

Perguntas Frequentes

A aula “O sistema Modifier” é grátis?

Sim — o texto completo de “O sistema Modifier” é 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 “O sistema Modifier”?

Defina tamanho, espaçamento e estilo com modificadores. 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 2 de 4.

Quanto tempo leva a aula “O sistema Modifier”?

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