📊 Slides: Cap 07 — Perfil de Jogador (Compose UI)

📖 Ver Cap 07 completo

Resumo visual da aula, em blocos — use como roteiro de revisão ou apresentação.

🟦 Slide 1: Objetivo da Aula

🟦 Slide 2: O Cenário Prático

Até agora, o jogo só “falava” pelo Logcat. Chegou a hora de criar uma tela de verdade:

📦 Projeto criado hoje: AppPokedexMestre_SeuNome (br.com.curso.pokedex, Kotlin, Empty Compose Activity) — o projeto único do curso, do Cap 07 ao Cap 22.

🟦 Slide 3: Dicionário do Programador

Termo Significado
Compose Jeito moderno de desenhar telas — como montar com peças de LEGO
@Composable Anotação que diz “esta função é um desenho de tela”
Preview Janela do Android Studio que mostra o desenho sem rodar no celular

🎨 Padrão PascalCase: PerfilJogador() ✅ — perfilJogador() ❌

🟦 Slide 4: Componentes → Resultado Visual

graph TD
    A["Componente: Text"] --> B["Resultado Visual"]
    C["Componente: Button"] --> B

💡 Diferente do Cap 01: aqui não existe arquivo XML separado — a tela é descrita diretamente em Kotlin, dentro de uma função @Composable.

🟦 Slide 5: Exemplo — Tela de Perfil

@Composable
fun PerfilJogador() {
    Column {
        Text(text = "TREINADOR: Ash Ketchum", fontSize = 24.sp)
        Text(text = "NÍVEL: 15")
        Button(onClick = { /* Lógica futura */ }) {
            Text("Ver Pokémons")
        }
    }
}

Column { } empilha os itens um abaixo do outro (verticalmente).

🟦 Slide 6: Prática e Próximos Passos

⬅️ Voltar para Slides