Corso Corso di di programmazione di di sistemi mobile 1 1. Android Laboratorio. Primo Progetto, Toast

Transcript

1 Corso Corso di di programmazione di di sistemi mobile 1 1 Android Laboratorio Primo Progetto, Toast

2 Corso Corso di di programmazione di di sistemi mobile 2 2 Android Studio Per realizzare le nostre applicazioni utilizzeremo Android Studio, sviluppato da Google, che presenta un editor grafico con anteprima per la realizzazione dei layout, include molti template, e utilizza il Gradle come strumento di build automation. Nel caso in cui Android Studio si apra direttamente sull ultimo progetto creato potete cambiare l impostazioni andando in Settings->System Settings e spuntando l opzione Reopen last project on startup

3 Corso Corso di di programmazione di di sistemi mobile 3 3 Per creare un nuovo progetto bisogna selezionare la voce "Start a new Android Studio project", si dovranno inserire i nomi dell applicazione (Application Name), dell azienda e il package name che identifica universalmente la nostra applicazione. Attenzione! Android Studio crea in automatico il nuovo progetto nella cartella "Project Location" dell ultimo progetto creato. Una volta inseriti i dati si procede con la selezione della voce Phone and Tablet e nella schermata "Add an activity to mobile" bisogna selezionare "Empty Activity" e continuare fino al termine del wizard di creazione.

4 Corso Corso di di programmazione di di sistemi mobile 4 4 Avviare un app Per avviare un applicazione basta selezione la voce Run App dal menu Run. Potete decidere se avviare l applicazione su un dispositivo mobile collegato al computer e con la modalità sviluppatore debug USB attivo oppure tramite emulatore.

5 Corso Corso di di programmazione di di sistemi mobile 5 5 Log Quando si sviluppa un applicazione si ha spesso la necessità di effettuare del debug per verificare se alcuni comportamenti sono come noi c è li aspettiamo. In android esiste la classe Log e i seguenti metodi statici Log.v() => VERBOSE Log.d() => DEBUG Log.i() => INFO Log.w() => WARN Log.e() => ERROR Ogni log viene rappresentato sul debug con un colore diverso in base al suo significato, un log di tipo Error viene visualizzato con il colore rosso. private static final String TAG = "MyActivity"; Log.i(TAG, "info"); Log.e(TAG, "error");

6 Corso Corso di di programmazione di di sistemi mobile 6 6 Creazione della UI Per poter creare l user interface android studio mette a disposizione sia un editor grafico che un editor testuale. L edito grafico consente di effettuare il drag & drop degli elementi direttamente sulla view che si sta creando. Inoltre è possibile customizzare la view inserita tramite le proprietà che vengono elencante nella parte destra in basso.

7 Corso Corso di di programmazione di di sistemi mobile 7 7 L editor testuale ci consente di visualizzare la gerarchia delle view e ci consente di visualizzare meglio le proprietà impostate. <LinearLayout xmlns:android=" xmlns:android=" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="@dimen/text_view_width" android:layout_height="90dp" android:textappearance="?android:attr/textappearancemedium" android:text="medium Text" android:id="@+id/textview" /> </LinearLayout>

8 Corso Corso di di programmazione di di sistemi mobile 8 8 Proprietà base delle View Ogni View ha delle proprietà obbligatorie che sono layout_width e layout_height le quali definiscono la lunghezza e l altezza della View. Tali proprietà possono assumere i valori di: o wrap_content indica che la dimensione dalla view è data dal suo contenuto o match_parent indica che la dimensione è pari a quella della view padre o dimension è un valore numerico seguito da dp (90dp Altre proprietà utili per personalizzare e differenziare le view sono o background dove è possibile inserire un colore di sfondo o id identificativo con cui è possibile referenziare in altri file xml o recuperare da codice o padding è utile per creare spazio all interno della view o margin è utile per creare dello spazio tra le view

9 Corso Corso di di programmazione di di sistemi mobile 9 9 Linear Layout Le proprietà tipiche del linear layout sono: o orientation che assume i valori di "vertical" o "horizontal" e consente di indicare l orientamento dei figli o gravity="center" specifica la posizione dei figli, center indica che gli elementi vengono posizionati in modo centrato rispetto all asse verticale e orrizontale

10 Corso Corso di di programmazione di di sistemi mobile TextView Le proprietà tipiche della TextView sono: o text che ci permette di inserire il testo da visualizzare o textstyle ci permette di modificare il testo in bold e italic o textcolor che modifica il colore del testo o gravity specifica la posizione del testo in base alla grandezza della view o textsize per impostare la dimensione del test in sp (es 10sp)

11 Corso Corso di di programmazione di di sistemi mobile EditText Le proprietà tipiche della EditText sono: o hint per impostare il testo da visualizzare quando l utente non ha inserito nessun valore o inputtype per impostare il tipo di valore di inserimento, esempio textpassword per utilizzare la EditText come campo per inserire la password di accesso

12 Corso Corso di di programmazione di di sistemi mobile Button Le proprietà tipiche della EditText sono: o text per impostare il testo del pulsante o onclick se si vuole invocare un metodo dell activity senza recuperare e impostare il listener sull oggetto

13 Corso Corso di di programmazione di di sistemi mobile Recupero di una view Attraverso il metodo findviewbyid e l identificatico del componente creato, si possono recuperare le View corrispondenti e utilizzare gli oggetti ottenuti per eseguire azioni, registrare listener, ecc Button button=(button)findviewbyid(r.id.button_vis); Alcuni metodi sono: settext(string)che imposta il testo passato in ingresso gettext() restituisce il testo inserito setonclicklistener(view.onclicklistener)per impostare un oggetto che resta in attesa dell evento di click sulla view.

14 Corso Corso di di programmazione di di sistemi mobile Esercizio 1 Si vuole creare una applicazione che chieda all utente Username e Password. Una volta inseriti i dati richiesti in apposite aree ( per password utilizzare il corretto type), l utente potrà visualizzare quello che ha inserito attraverso altre TextView in seguito alla pressione di un pulsante.

15 Corso Corso di di programmazione di di sistemi mobile Toast Un toast è un semplice messaggio utilizzato principalmente per fornire un feedback all utente su un azione compiuta da quest ultimo. Il toast viene mostrato per un determinato tempo e con un messaggio specifico. Toast.makeText(Contextcontext, Char Sequencetext, intduration); Toast.makeText(Contextcontext, int textresid, intduration); Si può anche personalizzare il toast utilizzando i metodi presenti all interno della classe Toast. Per visualizzarlo con la durata scelta e nel contesto specificato basta invocare il metodo show(); Toast.makeText(MainActivity.this,"Esempio Toast", Toast.LENGTH_SHORT).show();

16 Corso Corso di di programmazione di di sistemi mobile Esercizio 2 Aggiungere alla precedente applicazione un controllo: se almeno una delle due aree di testo è vuota, visualizzare un toast di errore, altrimenti un toast con un messaggio di buona riuscita dell inserimento.

17 Corso Corso di di programmazione di di sistemi mobile Esercizio 3 Aggiungere un RadioGroup con due RadioButton al precedente esercizio per indicare il tempo di visualizzazione del toast (short o long)