@ ITT M. BUONARROTI, TRENTO ANDROID DEVELOPMENT UI PERSONALIZZATE E MENU. RAMAN KAZHAMIAKIN OSCAR GIOVANNI DE

Transcript

1 @ ITT M. BUONARROTI, TRENTO ANDROID DEVELOPMENT UI PERSONALIZZATE E MENU RAMAN KAZHAMIAKIN OSCAR GIOVANNI DE

2 Sommario 1. ArrayAdapter Custom basilare 2. Menu 3. Un Form personalizzato 4. ActionMode 5. Dialog

3 Gli adapter personalizzati: Servono per caratterizzare le liste in modo da renderle piu utili e/o piu belle. Di seguito sono elencati i passi da eseguire per crearne una: 1. Creare il layout che comporrà la riga 2. Estendere ArrayAdapter (o BaseAdapter)

4 Un esempio di riga:

5 Un esempio di Adapter:

6 Per usarli Bisogna: I Menu Servono per dare all utente delle azioni da compiere con gli oggetti visibili sullo schermo. creare un layout per il menu dentro la cartella res/menu/ nel metodo oncreate chiamare il metodo sethasoptionmenu(true) per dire che si ha bisogno del menu. eseguire l Override del metodo oncreateoptionsmenu(...) per mettere il necessario layout appartenente al menu eseguire l Override de metodo onoptionsitemselected(...) qui dentro vanno eseguite le operazioni

7 Un esempio di layout:

8 Come dovrebbe risultare il codice:

9 Form Creare / modificare i contenuti. Gli elementi EditText: campo di testo. Spinner: menu a tendina. Ha il suo adapter. CheckBox: valore Boolean. RadioGroup: selezionare un elemento. Button: bottoni per gestire azioni (ad esempio, salvare o cancellare)....

10 Form personalizzato <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:inputtype="text" > <requestfocus /> </EditText> <Spinner android:layout_width="match_parent" android:layout_height="wrap_content" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" > <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_weight="1" /> </LinearLayout> </LinearLayout> <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" />

11 Form Avviare form: Come un fragment o un activity! Fragment formfragment = FormFragment.newInstance(); FragmentTransaction transaction = getfragmentmanager().begintransaction(); transaction.replace(android.r.id.content, formfragment); transaction.addtobackstack(null); transaction.commit(); Per avere Callback FormFragment ff = new FormFragment(); ff.settargetfragment((fragment) this, 0);... ((OnSaveCallback) gettargetfragment()).save(nome, descrizione); getfragmentmanager().popbackstack();

12 Dialog Puoi aprire i dialog dalla tua activity usando il metodo showdialog(int). I dialog creati da una activity sono collegati ad essa e sono in primo piano finché l utente non li chiude. La base per i dialog è la classe Dialog, anche se di solito si usa una delle sue sottoclasse, come AlertDialog, ProgressDialog, DatePickerDialog o TimePickerDialog.

13 // nuovo dialogo new AlertDialog.Builder(getActivity()) // titolo.settitle("avviso") // messaggio.setmessage("sei sicuro di voler cancellare questo elemento?") // bottone 'positive'.setpositivebutton(android.r.string.ok, new OnClickListener() { public void onclick(dialoginterface dialog, int which) { // cancellare elementi selezionati } }) // bottone 'negative'.setnegativebutton(android.r.string.cancel, null) // crea oggetto.create() /// visualizza oggetto.show();

14 Dialog personalizzati Per creare dialog personalizzati si crea un layout e lo si assegna con il metodo dialog.setcontentview() Ricorda le activity, no? Poi basta usare il metodo dialog.findviewbyid() per trovare gli elementi del layout, in modo da assegnare o leggere valori, ad esempio. Il titolo del dialog può essere assegnato con il metodo settitle(). I curiosi possono indagare un altro modo di fare i dialog: i DialogFragment!

15 Le ActionMode Introdotte con Android Honeycomb 3.0 (API Level 11) vengono usate al posto dei menu contestuali. In pratica la ActionBar cambia a seconda degli oggetti selezionati in una lista o griglia.

16 Per usare l ActionMode su una lista bisogna: 1. Includere la libreria support v7 2. Usare android.support.v7.app.actionbaractivity 3. Cambiare lo stile: <style name="appbasetheme" parent="@style/theme.appcompat.light.darkactionbar"> 4. Impostare mlistview.setchoicemode(listview.choice_mode_qualcosa); che serve per dire che gli elementi della vostra lista accettano di essere selezionati 5. Creare un layout apposito per il menu di selezione 6. Creare una ActionMode.Callback (e un interfaccia) che risponda alle azioni. 7. Far partire l ActionMode con startsupportactionmode(actionmode.callback)

17 Un esempio...

18 Un esempio di avvio...