Android Academy · Aula

Estilizando texto

Fontes, tamanho, peso e cor.

Estilizando texto é uma aula grátis de Android Academy no CoddyKit. Esta é a aula 1 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.

Por que estilizar o texto?

No Jetpack Compose, o elemento composto Texto exibe palavras na tela. Por padrão, ele usa uma aparência simples, mas você pode alterar seu tamanho, sua cor e seu peso.

Estilizar ajuda os usuários a ler seu aplicativo. Um título deve parecer maior e mais espesso que o texto do corpo.

Você estiliza Texto fornecendo parâmetros adicionais.

Text("Hello Compose")

Aumentando o texto

O parâmetro fontSize controla o tamanho do texto. Os tamanhos usam a unidade sp, que acompanha as configurações de fonte do usuário.

Para usar sp, adicione .sp depois de um número, como em 24.sp.

Text(
    text = "Big Title",
    fontSize = 24.sp
)

Negrito e peso

Use fontWeight para deixar o texto mais espesso ou mais fino. O valor mais comum é FontWeight.Bold.

Outras opções incluem FontWeight.Light, FontWeight.Normal e FontWeight.SemiBold.

Text(
    text = "Important",
    fontWeight = FontWeight.Bold
)

Texto em itálico

O parâmetro fontStyle pode inclinar o texto. Defina-o como FontStyle.Italic para obter uma aparência em itálico.

O itálico é útil para citações ou ênfase.

Text(
    text = "A quote",
    fontStyle = FontStyle.Italic
)

Colorindo o texto

O parâmetro color altera a cor do texto. Você pode fornecer um valor de Color, como Color.Red ou Color.Blue.

Escolha cores com bom contraste para que o texto continue fácil de ler.

Text(
    text = "Warning",
    color = Color.Red
)

Alinhando o texto

Use textAlign para posicionar o texto dentro do espaço disponível. Os valores comuns são TextAlign.Center, TextAlign.Start e TextAlign.End.

Centralizar funciona melhor quando o Texto ocupa toda a largura.

Text(
    text = "Centered",
    textAlign = TextAlign.Center
)

Espaçamento entre letras

O parâmetro letterSpacing adiciona espaços entre os caracteres. Ele também usa a unidade sp.

Um pequeno espaçamento extra pode deixar os títulos mais arejados e modernos.

Text(
    text = "SPACED",
    letterSpacing = 2.sp
)

Combinando estilos

Você pode combinar muitos parâmetros de uma só vez. Um título grande, azul e em negrito é apenas uma chamada de Texto com vários valores.

O Compose lê cada parâmetro e aplica todos eles em conjunto.

Text(
    text = "Welcome",
    fontSize = 28.sp,
    fontWeight = FontWeight.Bold,
    color = Color.Blue
)

Usando TextStyle

Em vez de vários parâmetros separados, você pode agrupá-los em um objeto TextStyle e fornecê-lo ao parâmetro style.

Isso é útil quando você reutiliza a mesma aparência em vários lugares.

Text(
    text = "Styled",
    style = TextStyle(
        fontSize = 20.sp,
        color = Color.Magenta
    )
)

Lidando com textos longos

Textos longos podem transbordar sua área. Use maxLines para limitar o número de linhas e overflow para exibir pontos quando o texto for cortado.

TextOverflow.Ellipsis adiciona ... ao final para indicar texto oculto.

Text(
    text = "A very long sentence...",
    maxLines = 1,
    overflow = TextOverflow.Ellipsis
)

Sublinhado e decoração

O parâmetro textDecoration pode adicionar um Underline ou um LineThrough.

Sublinhados geralmente indicam links, enquanto o texto riscado pode mostrar preços removidos ou antigos.

Text(
    text = "Link",
    textDecoration = TextDecoration.Underline
)

Verificação rápida

Teste o que você aprendeu sobre como estilizar Texto.

Recapitulação

Você aprendeu a estilizar Texto com fontSize (em sp), fontWeight para negrito, fontStyle para itálico e color para aplicar uma tonalidade.

Você também pode alinhar o texto, adicionar espaçamento entre letras e decorações e agrupar tudo em um TextStyle.

Em seguida, você criará botões que respondem a toques.

Perguntas Frequentes

A aula “Estilizando texto” é grátis?

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

Fontes, tamanho, peso e cor. 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 1 de 4.

Quanto tempo leva a aula “Estilizando texto”?

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