Tutorial 36 - Template con SplashScreen e controllo tasto Back

Il tutorial di oggi riprende quello pubblicato quasi un anno fa in cui realizzammo un Template generico di un app con SplashScreen e contratto EULA per l'utente.

E' passato diverso tempo da allora e possiamo migliorare tale progetto implementando due nuove importanti ottimizzazioni:

1 - L'app sarà multiscreen, con l'utilizzo delle schermate multiple nativo di App Inventor
2 - L'app sarà in grado di "intercettare" la pressione del tasto back fisico del telefono in modo da visualizzare un messaggio di conferma prima dell'uscita dall'applicazione
Spiego brevemente l'idea alla base di questo template, per prima cosa utilizziamo almeno tre Screen diversi (nel tutorial sono 4)
1 - Screen1 : Viene utilizzato per visualizzare lo SplashScreen e per mostrare la notifica di conferma di uscita
2 - Screen2: E' l'interfaccia principale della nostra app dove metteremo le sue funzioni primarie, ma viene anche utilizzata internamente come "crocevia" per il passaggio tra i vari screen
3 - Screen3,Screen4: Sono sottoschermi della nostra app dove ognuno è libero di mettere le funzioni più adatte al suo scopo

Sappiamo quanto sia fastidioso in AI il fatto che se premo "inavvertitamente" il tasto back del telefono esco immediatamente dall'app, ed anche come sia difficile programmare un bottone per la chiusura definitiva dell'app (indipendentemente dallo schermo in cui mi trovo).

Con questo sistema risolveremo entrambe le problematiche.
Screen1 è uno screen che ci permette di catturare l'evento "back" (che avverrà nel caso volessimo uscire dall'app, sempre in Screen2)
Screen2 funziona da reindirizzatore verso gli altri schermi dell'app (Screen3 e Screen4) [e ci permette di usare correttamente il metodo "close application"]

Vediamoci il video e poi ancora qualche chiarimento sul funzionamento del tutto:

Funzionamento del cambio da una finestra all'altra:
1 - Se siamo in Screen2 e passiamo a Screen3 o Screen4 apriamo semplicemente l'altro screen
2 - Se siamo in Screen3 o Screen4 e vogliamo passare a un altro screen, invece di passare direttamente ad esso, chiudiamo lo screen attuale (e quindi torniamo a Screen2) con un parametro di uscita che è lo schermo che vogliamo aprire. In questo modo ripassiamo sempre da Screen2 e poi da Screen2 apriamo il nuovo screen.
Abbiamo così sempre e solo al massimo due schermi aperti in memoria (Screen2 e Screen3o4) con un risparmio di risorse ed evitiamo l'inconveniente per cui il tasto back non sappiamo bene dove ci riporti (qui ci riporterà sempre in Screen2)

Funzionamento della lettura del tasto "back"
1 - Se siamo in Screen3 o Screen4 il tasto back ci porta allo screen precedente, ovvero a Screen2
2 - Se siamo in Screen2 il tasto back ci porterà SEMPRE a Screen1, usiamo Screen1 per mostrare all'utente una conferma prima dell'uscita, di fatto impedendo uscite "accidentali" dal programma.

Forse a parole sembra tutto molto più complicato, vi invito a scaricare e riutilizzare liberamente il file sorgente che trovate cliccando qua.