📊 Slides: Cap 08 — Dashboard Gamer (Layouts e Pastas)

📖 Ver Cap 08 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

Sua tela de perfil ficou simples demais. Crie um Dashboard de Batalha:

🟦 Slide 3: Dicionário do Programador

Termo Significado
Column Itens um embaixo do outro (vertical)
Row Itens um ao lado do outro (horizontal)
Box Itens sobrepostos, em camadas

📁 Mapa do Tesouro: dentro de java/br.com.curso.pokedex, crie ui/screens/ (telas inteiras) e ui/components/ (peças pequenas).

🟦 Slide 4: Estrutura do Dashboard

graph TD
    A["Dashboard Gamer"] --> B["Row: HP e Mana"]
    A --> C["Column: Habilidades"]
    A --> D["Box: Notificação"]

🟦 Slide 5: Exemplo — Painel de Status

@Composable
fun DashboardGamer() {
    Column(modifier = Modifier.padding(16.dp)) {
        Text("Status do Treinador", fontWeight = FontWeight.Bold)

        Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
            Text("HP: 100/100", color = Color.Red)
            Text("MANA: 50/50", color = Color.Blue)
        }

        Column(modifier = Modifier.padding(top = 10.dp)) {
            Text("⚔️ Corte Rápido")
            Text("🛡️ Defesa Absoluta")
        }
    }
}

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

⬅️ Voltar para Slides