Tutorial 29 - Applicazioni MultiScreen (nuovo metodo) MIT App Inventor

Rieccoci con un nuovo VideoTutorial, come accennato precedentemente, la prima novità offerta da quando App Inventor è passato nelle mani del MIT è quella di realizzare applicazioni "realmente" MultiScreen.

Troviamo infatti ora due nuovi pulsanti sulla barra del design editor, "Add Screen" e "Remove Screen" che ci permettono in pratica di creare delle vere e proprie "sottoapplicazioni" all'interno della nostra app principale.
Vediamone brevemente le caratteristiche e le potenzialità.
Potremmo per esempio avere due schermate, una con l'applicazione vera e propria ed una con le impostazioni della nostra app.
Oppure come nella mia app Acqua Alta (di cui vorrei fare l'upgrade all'uso delle schermate multiple al più presto) avere uno screen diverso per ogni funzionalità dell'applicazione (dati marea,grafico,about,etc...)
I possibili utilizzi sono davvero infiniti, pensate alle app che usate tutti i giorni e vedrete che sono poche quelle composte da una sola schermata :)

La cosa più interessante è che finalmente il pulsante "back" del vostro telefono vi porterà allo screen precedente e non vi farà uscire dall'app (a meno che non siate allo screen iniziale).

Non sono tutte rose e fiori, spero che migliorino la gestione delle schermate multiple al più presto, ad oggi le limitazioni più fastidiose sono:
1-Impossibilità di testare l'app da blocks editor (bisogna infatti ogni volta fare "download to connected phone" da design editor per testare l'interazione tra schermate)
2-Impossibilità di avere componenti globali visibili all'interno di tutti gli screen
3-Impossibilità di fare copia incolla dei blocchi o di editare le varie schermate contemporaneamente

Ad ogni modo le basi sono buone, e senza annoiarvi troppo andiamo a visionare il tutorial:

Per finire vediamo un pò più nel dettaglio i metodi messi a disposizione per lavorare sugli screen multipli:

Questi li troviamo in "build-in" control.

1. Open another screen non fa altro che aprire il nuovo schermo, dobbiamo dare il nome esatto dello schermo così come indicato in design editor
2. Open another screen with start value, come il precedente solo che possiamo passare un valore (testuale, come anche un elenco di valori) al nuovo schermo (utile quindi per passare delle informazioni al nuovo screen)
3. get start value si usa nello schermo di "destinazione" per leggere il valore eventualmente passato
4. close screen - chiude lo schermo corrente (e torna allo schermo precedente se esiste, altrimenti chiude l'app
5. close screen with value - il più usato, chiudo lo schermo corrente e passo allo schermo precedente i dati che metto in "result" (quello che vi ho fatto vedere nel video)

Passiamo ora all'unico nuovo metodo disponibile per ogni nostro "Screen":

Come avrete intuito quando chiudo uno screen e torno al precedente, questo evento viene generato dall'applicazione.

In otherScreenName avrò il nome dello schermo appena chiuso e in result avrò il valore che mi passa lo schermo precedente (proprio come nell'esempio del video)

Spero che il tutto non sia troppo complicato (in effetti forse un pò lo è...) devo imparare bene il tutto anch'io.

Un suggerimento è quello di provare ad usare il TinyDb per passare i dati da uno schermo all'altro, infatti usando TinyDb possiamo leggere ad ogni Screen.initialize i valori che ci servono, visto che appunto i dati salvati con TinyDb sono gli unici disponibili a livello "globale" dall'applicazione.

Buono studio ed alla prossima!!! :)

Questo il link per scaricare il sorgente dell'app:

MultiScreenApp

Se invece volete un tutorial più semplice che spieghi come creare un app con più schermate ma senza passaggio di parametri vi consiglio la lettura del seguente post:

Tutorial 31 - Realizzare applicazioni con schermate multiple (senza passaggio di parametri)