Verifica 1 — Fondamentali Flet (Lezioni 1-4)

Istruzioni

• Durata: 60 minuti
• Puoi usare il cheatsheet
• Non puoi usare internet
• Consegna: file .py funzionante

---

Parte 1 — Quiz (5 punti)

Domanda 1: Quale comando installa Flet?

• pip install flet
• npm install flet
• python flet install
• install flet

Domanda 2: Cosa fa page.update()?

• Aggiorna il titolo della pagina
• Ridisegna la UI dopo modifiche
• Salva i dati su file
• Chiude l’app

Domanda 3: Quale layout mette i componenti in orizzontale?

• Column
• Row
• Container
• ListView

Domanda 4: Come si cattura il click di un bottone?

• ft.ElevatedButton("Click", on_click=funzione)
• ft.ElevatedButton("Click", click=funzione)
• ft.ElevatedButton("Click", on_press=funzione)
• ft.ElevatedButton("Click", callback=funzione)

Domanda 5: Cosa contiene e.control in un evento?

• Il valore numerico dell’evento
• L’ora in cui è avvenuto l’evento
• Il componente che ha generato l’evento
• Il tipo di evento

---

Parte 2 — Scrivi il codice (5 punti)

Esercizio 1: Scrivi un programma Flet che:

1. Mostra un titolo “La mia app”
2. Un campo TextField con label “Nome”
3. Un bottone “Saluta”
4. Quando cliccato, mostra “Ciao, [nome]!” sotto il bottone

Esercizio 2: Partendo dal codice sopra, aggiungi:

• Un layout che centri tutto (Row/Column con alignment)
• Un colore di sfondo alla pagina (page.bgcolor)
• padding di 30

---

Parte 3 — Correggi l’errore (3 punti)

import flet as ft

def main(page: ft.Page):
    contatore = 0

    def incrementa(e):
        contatore += 1
        testo.value = str(contatore)

    testo = ft.Text("0", size=30)
    bottone = ft.ElevatedButton("+1", on_click=incrementa)
    page.add(testo, bottone)

ft.app(target=main)

Trova e correggi gli errori (ce ne sono almeno 2).

---

Rubrica di valutazione

Parte	Max	Sufficiente	Buono	Eccellente
Quiz	5	3/5	4/5	5/5
Esercizio 1	5	3	4	5
Esercizio 2	5	3	4	5
Correzione	3	1	2	3
Totale	18	10	14	18