Nuova versione di MIT App Inventor 2 (nb145) finalmente il Responsive Design

Vediamo in questo articolo la novità principale di MIT App Inventor 2 versione nb145.

Il tool semplice e gratuito per la realizzazione di android app web based.

E' stato introdotto il Responsive Design , finalmente sono stati fatti i primi passi per permettere alle app realizzate con App Inventor di adattarsi alla dimensione dei vari dispositivi (soprattutto smartphone e tablet).

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 2

Leggi Parte 1 Tutorial Android Quiz Calcio

Continuiamo a vedere la logica di funzionamento della nostra app, proseguendo la programmazione per la parte relativa al "Blocks Editor"

Per prima cosa vogliamo inizializzare la nostra app alla sua apertura, per fare questo usiamo l'evento "Screen1.Initialize" che viene eseguito appunto non appena l'app viene lanciata dal nostro utente.

Impostiamo la label delle domande "Lbl_Domanda" con la prima domanda della lista creata in precedenza, per farlo usiamo il metodo "set Lbl_Domanda.text to"
Quindi usando dalla palette "list" la funzione per la selezione di un elemento andiamo ad estrarre il primo valore dalla "Lista_Domande"

Tutorial 8 - Creazione gioco Android Quiz Calcistico - Parte 3

Parte 1 Tutorial Android Quiz Calcio - Parte 2 Tutorial Android Quiz Calcio

Nella terza e "quasi..." ultima parte del nostro tutorial per la realizzazione di un quiz calcistico per Android usando MIT App Inventor andiamo a vedere come programmare la logica di controllo sulla correttezza della risposta inserita dal giocatore.

L'evento da programmare è ovviamente quello relativo alla pressione del tasto "Ok" (se ricordate nel design editor il suo nome è "Bn_Risposta")

Quindi il blocco da programmare sarà quello che trovate cliccando nella palette di sinistra l'elemento "Bn_Risposta" e poi selezionando e trascinando "When Bn_Risposta.Click" nel Blocks Editor:

Tutorial 7 - Componenti Button e Player, riproduzione di file audio mp3 con Android App Inventor (Parte 2)

Riprendiamo quanto visto nella parte 1 del tutorial ed aggiungiamo altri elementi alla nostra app Android.

Vogliamo aggiungere nella nostra app Android un secondo grande discorso del cinema, l'utente deciderà quale ascoltare cliccando una delle due immagini corrispondeti.
Inseriremo una logica di controllo del tipo
if-then-else (fondamentale in qualsiasi linguaggio di programmazione) per mettere in pausa i discorsi ed evitare che si accavallino tra di loro...