Sistemi Mobili e Wireless Android Selection widget e adapter

Transcript

1 Sistemi Mobili e Wireless Android Selection widget e adapter Stefano Burigat Dipartimento di Matematica e Informatica Università di Udine stefano.burigat@uniud.it

2 Selection widget e Adapter Per la selezione di un elemento da una lista limitata è possibile utilizzare CheckBox e RadioButton Quando la lista di elementi è lunga, è meglio fare ricorso a widget specializzati come ListView, Spinner e GridView I selection widget sfruttano il meccanismo dei data adapter per ottenere gli elementi da visualizzare, indipendentemente dalla fonte degli elementi stessi (es. array o database) Dati formattati ed associati ad un widget Dati grezzi 2

3 ArrayAdapter L'adapter più semplice è l'arrayadapter Il costruttore di un ArrayAdapter ha tre parametri Il contesto da usare (di solito l'istanza dell'activity corrente) L'ID della View da usare per ogni elemento della lista (in questo esempio è una View predefinita di Android) La lista di elementi da utilizzare (ad es., un array Java o un'istanza di java.util.list) 3

4 ListView ListView è un selection widget che permette di gestire una lista scrollabile di elementi Gli elementi della lista vengono forniti da un Adapter (che deve implementare l'interfaccia ListAdapter, come ArrayAdapter) La classe ListActivity (derivata da Activity) è specializzata nella gestione di ListView e ne semplifica l'utilizzo ListActivity ha un layout di default che consiste in una singola lista centrata a pieno schermo è possibile creare un layout custom ma questo DEVE contenere una ListView con id "@android:id/list" un layout custom può anche contenere una View con id "@android:id/empty" da mostrare quando la lista è vuota 4

5 ListView Devono avere questi id 5

6 ListView ArrayAdapter implementa ListAdapter Utilizzo di un file di layout predefinito per i singoli elementi della lista file di layout predefiniti: C:\ [android_sdk] \platforms\ [android_version] \data\res\layout 6

7 ListView 7

8 Spinner Spinner consente di realizzare liste drop-down che occupano poco spazio quando sono chiuse Per definire l'adapter da utilizzare per ottenere gli elementi da visualizzare, si utilizza il metodo setadapter() Il metodo setonitemselectedlistener() permette di definire l'ascoltatore che cattura le selezioni sulla lista Il metodo setdropdownviewresource() permette di definire come visualizzare gli elementi dello spinner aperto 8

9 Spinner spinner chiuso spinner aperto 9

10 Spinner id a scelta 10

11 Spinner File di layout predefinito per lo spinner chiuso File di layout predefinito per gli elementi dello spinner aperto 11

12 Spinner metodi da definire per implementare l'interfaccia OnItemSelectedListener 12

13 GridView GridView è un selection widget che consente di visualizzare i propri elementi su una griglia scrollabile bidimensionale Gli elementi vengono passati alla GridView attraverso un ListAdapter (come ArrayAdapter) 13

14 GridView Attributi utili al posizionamento degli elementi sulla griglia: android:numcolumns determina il numero di colonne; se settato ad auto_fit, Android determinerà il numero di colonne in base allo spazio disponibile ed agli altri attributi android:verticalspacing e android:horizontalspacing determinano lo spazio libero tra gli elementi della griglia android:columnwidth determina la larghezza delle colonne android:stretchmode, se android:numcolumns=''auto_fit'', determina cosa fare dello spazio disponibile non usato dalle colonne e dallo spazio tra elementi 14

15 GridView Esempio di utilizzo di android:stretchmode nel caso in cui android:numcolumns=''auto_fit'' su uno schermo da 320dp con android:columnwidth a 100dp e android:horizontalspacing a 5dp, 3 colonne occuperanno 310dp se android:stretchmode viene messo a columnwidth, le colonne si espandono di 3-4dp per occupare lo spazio rimasto se android:stretchmode viene messo a spacingwidth, i due spazi tra le colonne aumentano di 5dp 15

16 GridView 16

17 GridView 17

18 AutoCompleteTextView AutoCompleteTextView è una sottoclasse di EditText che supporta l'autocompletamento del testo Il testo inserito dall'utente viene trattato come un prefisso di cui fare il matching con una lista predefinita di candidati La lista di candidati appare automaticamente al momento dell'inserimento dati ed è fornita tramite un adapter AutoCompleteTextView possiede una proprietà android:completionthreshold che definisce il minimo numero di caratteri da inserire prima che venga attivato il matching 18

19 AutoCompleteTextView 19

20 AutoCompleteTextView 20

21 AutoCompleteTextView 21

22 AutoCompleteTextView metodi da definire per implementare l'interfaccia TextWatcher (servono per aggiornare la TextView) 22

23 AutoCompleteTextView Nota: perchè usare TextWatcher? L'interfaccia onkeylistener può essere utilizzata per monitorare le modifiche effettuate su un oggetto di tipo Editable (es: una EditBox) tramite tastiera fisica onkeylistener non funziona in modo appropriato con le tastiere virtuali (tipiche dei dispositivi touch) L'interfaccia TextWatcher consente di determinare se ci sono state modifiche su un oggetto Editable indipendentemente dal tipo di tastiera utilizzata 23

24 Liste personalizzate Negli esempi precedenti, abbiamo usato dei layout standard forniti da Android per visualizzare gli elementi delle diverse liste E' comunque possibile creare dei layout personalizzati per gestire situazioni nelle quali Le diverse righe devono utilizzare layout diversi I diversi widget all'interno delle righe devono essere configurati in modo diverso In tali casi, l'opzione migliore è creare una propria sottoclasse personalizzata di un Adapter 24

25 Liste personalizzate Creare una sottoclasse di un Adapter significa fare l'override di getview() costruire le singole righe Il metodo getview() è responsabile di ritornare una View rappresentante la riga determinata da una certa posizione dell'adapter L'esempio successivo modifica getview() in modo da poter visualizzare icone differenti per righe differenti di una lista 25

26 Liste personalizzate main.xml 26

27 Liste personalizzate myrow.xml 27

28 Liste personalizzate 28

29 Liste personalizzate Dobbiamo usare un oggetto di tipo LayoutInflater per ottenere i riferimenti alle View che ci interessano (perché sono inclusi in un file XML separato da quello principale) 29

30 GridView (2) Una utile versione di GridView è quella che utilizza immagini al posto di testo per i singoli elementi In tal caso, è necessario definire un Adapter appropriato alla gestione delle immagini 30

31 GridView (2) main.xml 31

32 GridView (2) fullview.xml 32

33 GridView (2) 33

34 GridView (2) 34

35 GridView (2) sostituiamo l'interfaccia esistente invece di creare una nuova activity ripristino dell'interfaccia iniziale 35

36 GridView (2) se avevamo già creato la View in precedenza, la riusiamo 36