Anforderung. View Button. <LinearLayout android:layout_width="match_parent" Layout. <TextView.../> android:orientation="vertical"> LinearLayout

Transkript

1 Activities Views und Layouts Activity Benutzer Interaktion FullScreen UI-Element View und ViewGroup View: Abstrakte Basisklasse für UI-Komponenten (Widgets) ViewGroup: View, Sammlung/Kontainer von Views UI-Struktur ist Baum aus View/ViewGroup-Komponenten Widget: Fertige UI-Komponente (View) wie Button, TextView, Layout: Container, Anordnung (ViewGroup) wie LinearLayout, View TextView ViewGroup View Button ViewGroup View Button Prof. Dr. Peter Barth, Mobile Computing 1 Beispiel ToggleApp Anforderung Grüße in vielen Sprachen Beenden Interaktionselemente Titel Zwei Buttons Beenden Durchschalten durch Gruß-Sprachen Eine Grußanzeige Layout (zunächst) 3 Zeilen Oben Titel, unten Display des Grußes In der Mitte ausgefüllte Buttonleiste Prof. Dr. Peter Barth, Mobile Computing 2 Layouts Deklarativ Layout LinearLayout <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" <LinearLayout android:layout_width="match_parent" XML-Beschreibung android:orientation="vertical" > android:layout_height="match_parent" Layout <TextView android:orientation="vertical"> für UI-Komponenten <TextView android:layout_width="match_parent" <LinearLayout Container für Komponenten android:orientation="horizontal" > Mischen Layouts, Widgets android:text="@string/msg_toggle_app" Anordnung, meist relativ Layouts sind ViewGroups, android:gravity="center" </LinearLayout> <LinearLayout android:layout_width="match_parent" LinearLayout <TextView XML-Kontainer android:orientation="horizontal" > </LinearLayout> Einfachstes Layout Attribute zur Konfiguration android:layout_width="wrap_content" Horizontal von links Layout nach rechts auffüllend android:text="@string/msg_btn_finish" LinearLayout android:onclick="onclickfinish" Vertikal von oben nach horizontal, vertikal android:id="@+id/btn_toggle" unten auffüllend android:layout_width="wrap_content" verschachtelt Weitere Attribute notwendig/möglich Widgets android:text="@string/msg_btn_toggle" Verschachtelung </LinearLayout> Button <TextView android:id="@+id/tv_display" android:layout_width="match_parent" TextView android:gravity="center" Prof. Dr. Peter Barth, Mobile Computing </LinearLayout> res/layout/toggle.xml 3 Prof. Dr. Peter Barth, Mobile Computing 4

2 Widgets ID, Ressourcen IDs Android assoziiert Integer-Zahlen als IDs mit Ressourcen Meist für Widgets Automatische Generierung der Zahlen, Nutzen der Konstanten android:id Assoziiert eine ID mit dem Widget, wichtig zur Referenzierung aus dem Definiert eine neue ID btn_toggle für das Ressource +: Definiere android:layout_width="wrap_content" Ressourcen In separten Dateien, In Code ID nach Ressource einfach Ressourcen-IDs von android erzeugt und verwaltet (R.java) Prof. Dr. Peter Barth, Mobile Computing 5 Widgets Breite, Höhe, Gewicht Breite, Höhe Braucht jede View/ViewGroup android:layout_width, android:layout_height wrap_content Nur so viel Platz wie notwendig match_parent (früher fill_parent) So auffüllen, dass Vater vollständig ausgefüllt wird Gewicht Verteilung beim Auffüllen 0: Nicht berücksichtigen!= 0: Proportionale Verteilung android:id="@+id/btn_toggle" android:layout_width="wrap_content" android:text="@string/msg_btn_toggle" Gewicht ist nur sinnvoll, wenn umfassende ViewGroup (z.b. LinearLayout) match_parent hat wenn Widget selbst wrap_content hat Prof. Dr. Peter Barth, Mobile Computing 6 Widgets Beispiel Breite Höhe, Gewicht Preview in IDE Ab und zu richtig Beispiele LinearLayout je Zeile layout_height wrap_content layout_width match_parent Außer beim letzten (5.) Unterschiedliche layout_weights Probieren. IDE Design Tooling, bitte nur zum anschauen, erstellen mit Text Prof. Dr. Peter Barth, Mobile Computing 7 Text-Ressourcen Konstanten in Quellen vermeiden Ressource-Dateien Beispiel Text-Ressourcen, Schlüssel-Wert/Kombinationen Verwendung In XML-Ressourcen wie <name> ist Schlüssel Definition Ordner res/values Datei strings.xml Einträge in <ressources> Typ <string> android:id="@+id/btn_toggle" android:layout_width="wrap_content" android:text="@string/msg_btn_toggle" <resources> <string name="app_name">toggle</string> <string name="msg_btn_finish">ende</string> <string name="msg_btn_toggle">toggle</string> <string name="msg_toggle_app">toggleapp</string> </resources> res/values/strings.xml Prof. Dr. Peter Barth, Mobile Computing 8

3 ToggleActivity Spezifische Imports (IDE) Wird ab jetzt weggelassen TAG: Konvention zum Loggen Member Views aus Layout Namenskonvention Beginnt mit m (Android Doku, mache ich nicht, in IDE ersichtlich) Typabkürzung am Anfang, Diskriminator, optional package de.medieninf.mobcomp.toggle; // alles in Paketen import android.app.activity; import android.os.bundle; import android.util.log; import android.widget.button; import android.widget.textview; public class ToggleActivity extends Activity { final static String TAG = ToggleActivity.class.getSimpleName(); private TextView tvdisplay; private Button btntoggle; oncreate Log.v(TAG, "oncreate"); setcontentview(r.layout.toggle); super, muss gerufen werden tvdisplay = (TextView) findviewbyid(r.id.tv_display); Layout setzen btntoggle = (Button) findviewbyid(r.id.btn_toggle); findviewbyid für wichtige Views Casten notwendig (View) Prof. Dr. Peter Barth, Mobile Computing 9 ToggleActivity Verhalten Daten greetings: Anzuzeigende Strings current: Welches wird gezeigt Verhalten OnClickListener Einer je Button (im Beispiel) Einer für alle, Diskrimierung über view.getid() Ändere TextView Fehlt Direkt im Listener möglich Oder Aufruf weiterer Methoden (Bsp) Initial TextView setzen public class ToggleActivity extends Activity { String[] greetings = { "Hallo", "Hello", "Salut", "Hola", " 你 好 (n ǐ hǎo)" ; int current=0; private View.OnClickListener ontogglelistener = new View.OnClickListener() { public void onclick(view view) { onclicktoggle(view); ; public void onclicktoggle(view view) { Log.v(TAG, "onclicktoggle"); current = (current+1) % greetings.length; tvdisplay.settext(greetings[current]); Prof. Dr. Peter Barth, Mobile Computing 10 Verhalten Alternative zu Callbacks App Beenden Callback mit Signatur public void (View ) Aufruf von Activity-Methode finish() In Android-Apps vermeiden Alles bleibt offen, System schließt Method-Binding in Layout-Datei android:onclick und Methodenname android:on* verfügbar Vorteil: ID nicht notwendig public class ToggleActivity extends Activity { public void onclickfinish(view view) { Log.v(TAG, "onclickfinish"); finish(); android:layout_width="wrap_content" android:text="@string/msg_btn_finish" android:onclick="onclickfinish" res/layout/toggle.xml Nachteil: Mischen Layout und Callback, nicht wiederverwendbar Prof. Dr. Peter Barth, Mobile Computing 11 Ressourcen Ressourcen Unterhalb von res, keine weiteren Unterverzeichnisse, XML- oder Binär-Dateien Nur Kleinbuchstaben, Zahlen und _, optional umgebungsabhängig (Sprachen -en) Drawables (drawables, mipmap) Bilder und Grafiken je nach Auflösung XML-Ressourcen layout: Layoutdefinitionen menu: Kontext- und Optionsmenus values: Schlüssel-/Wert-Definitionen (Text, Farben, ) xml: Alles sonstiges XML-ige, wird vorkompiliert raw: Andere Binärresourcen (nicht vorkompiliert) Alternative zu res, Ressourcen in assets Unterordner beliebig, Format beliebig, Zugriff als Stream Prof. Dr. Peter Barth, Mobile Computing 12

4 Ressourcen drawable, mipmap Drawable, zeichenbar Bilder und Grafiken, JPEG, PNG, Bitmap Nine-Patch-Files (.9.png) Spezielle XML-Dateien Mipmap, wie drawable, bleibt für alle *dpi bei APK-build vorhanden Gut für Icons Verschiedene Ordner, Ressourcen je nach Auflösung in dpi (dots per inch) -mdpi: Ordner mit drawable für Geräte mit ~160 dpi hdpi: ~200 dpi, xhdpi; ~320 dpi, xxhdpi: ~480 dpi, xxxhdpi: ~640 dpi Größe davon unabhängig, gemessen in dp (dip) für 160 dpi screens res/mipmap-mdpi res/mipmap-mdpi/ic_launcher.png res/mipmap-hdpi res/mipmap-hdpi/ic_launcher.png res/mipmap-xhdpi res/mipmap-xhdpi/ic_launcher.png res/mipmap-xxhdpi res/mipmap-xxhdpi/ic_launcher.png Prof. Dr. Peter Barth, Mobile Computing 13 Ressourcen Definition Definition, XML-Datei Schlüssel/Wert: values Ganze Datei: layout, ohne Endung Autogeneriert: id <resources> <string name="msg_btn_toggle">toggle</string> </resources> res/values/strings.xml res/layout/toggle.xml public final class R { Kompilieren public static final class id { Datei R.java, public static final int btn_toggle=0x7f09003f; automatisch generiert public static final class string { Nach Typ unterschieden public static final int msg_btn_toggle=0x7f0b0012; id, string, layout, id public static final class layout { Nicht ändern, nicht unter Versionskontrolle stellen public static final int toggle=0x7f040018; Steht auch unter build build/generated/source/r/debug/de/medieninf/mobcomp/toggle/r.java Prof. Dr. Peter Barth, Mobile Computing 14 Ressourcen Verwenden Verwenden in Ressourcen (XML) Zugriff über Beispiel: vordefiniert in Android Verwenden in Java R wird automatisch inkludiert, kein import Zugriff über Zahl, getresources().get<typ>(<konstante>) Viele Methoden unterstützen int Parameter, in R definierter Key android:text="@string/msg_btn_toggle" res/layout/toggle.xml Zugriff auf Ressource über Ressourcen-Schlüssel String msgbuttontoggle = getresources().getstring(r.string.msg_btn_toggle); btntoggle.settext(msgbuttontoggle); Direkt verwenden Ressourcen-Schlüssel btntoggle.settext(r.string.msg_btn_toggle); Prof. Dr. Peter Barth, Mobile Computing 15 Ressourcen Verwenden, Typisches Beispiel Zugriff auf Layout setcontentview Immer so die Wurzel ViewGroup setzen Immer in oncreate View-Komponenten Zugriff findviewid sucht in Baum ab Wurzel nach ID Casten notwendig, zurückgegebener Typ im View View-Komponenten cachen private TextView tvdisplay; private Button btntoggle; setcontentview(r.layout.toggle); tvdisplay = (TextView) findviewbyid(r.id.tv_display); btntoggle = (Button) findviewbyid(r.id.btn_toggle); Ändern sich nicht über kompletten Lebenszyklus der Activity Teuer, daher cachen in Instanzvariablen, üblicherweise in oncreate Prof. Dr. Peter Barth, Mobile Computing 16

5 Styling Direkte Attribute Direkte Attribute Je Element Direkte Attribute Verändert Aussehen Attribute text* textcolor textsize textstyle. (siehe Dokumentation) Vermeiden: Schnell Chaotisch und uneinheitlich <TextView android:textsize="24sp" android:textstyle="bold italic" android:textstyle="bold" android:textstyle="bold" res/layout/toggle.xml Prof. Dr. Peter Barth, Mobile Computing 17 Widgets Größenangaben dp (oder dip) density independent pixel, auflösungsunabhängige Pixel 1dp entspricht einem Pixel auf einem 160 dpi Display Für alles verwenden was skalierbar ist Außer Fonts sp, scale independent pixel Wie dp, nur berücksichtigt benutzerspezifische Fontgrößenpräferenzen Für Fontgrößen verwenden Nicht verwenden px, pixel: Aktuelle Pixel auf dem Bildschirm in (inch), mm (mm): basiert auf Displaygröße pt, point: 1/72 inch, basiert auf Displaygröße <TextView android:textsize="24sp" Prof. Dr. Peter Barth, Mobile Computing 18 Styling Styles Styles Sammlung von Attributen Vererbungshierarchy.Notation für lokale Vererbung Einheitlich, zentral änderbar Verwenden style: Style auf View anwenden Mischen mit anderen Attributen möglich Theme res/values/style.xml <style name="togglestyle" <item name="android:layout_width">match_parent</item> <item name="android:layout_height">wrap_content</item> <item <item name="android:textstyle">bold</item> </style> <style name="togglestyle.important"> <item </style> <TextView res/layout/toggle.xml android:textstyle="italic" Anwendung eines Style auf alle Views (einer Activity) Prof. Dr. Peter Barth, Mobile Computing 19 String-Array Resource String-Array Vermeiden von Konstanten Listen/Felder <string-array> in strings Ressource items Zugriff im Code als arrays Wie erwartet Stark empfohlen <resources> <string-array name="greetings"> <item>hallo</item> <item>hello</item> <item>salut</item> <item>hola</item> <item> 你 好 (n ǐ hǎo)</item> </string-array> </resources> private String[] greetings; private int current; res/values/strings.xml greetings = getresources().getstringarray(r.array.greetings); current = 0; tvdisplay.settext(greetings[current]); Prof. Dr. Peter Barth, Mobile Computing 20

6 Widgets Übersicht Übersicht über wichtigste Widgets und Verwendung Button Toast TextView, EditText CheckBox RadioGroup, RadioButton Spinner DatePicker, TimePicker ListView Button, ImageButton Button Beschriftung Text ImageButton Angabe eines Bilds, Ressource Button und ImageButton Meistens Definition einer ID zum Zugriff auf ViewKomponente in Java, Basis für Interaktion R.id.btn_text, R.id.btn_image Bindung kann auch direkt erfolgen Methode onbuttonclicked vermeiden android:layout_width="match_parent" android:text="button" android:onclick="onbuttonclicked" <ImageButton android:layout_width="match_parent" Prof. Dr. Peter Barth, Mobile Computing 21 Prof. Dr. Peter Barth, Mobile Computing 22 Button Callback Wichtigster Callback Was passiert beim Click Listener OnClickListener In Java realisieren Alternative direktes Binding Methode mit Signatur public void (View view) View view Geklickter Button Rausfinden welcher über ID möglich private ImageButton imagebutton; setcontentview(r.layout.button); imagebutton = (ImageButton) findviewbyid(r.id.btn_image); imagebutton.setonclicklistener(new View.OnClickListener() { public void onclick(view view) { onbuttonclicked(view); ); public void onbuttonclicked(view view) { switch (view.getid()) { case R.id.btn_image: Log.v(TAG, "ImageButton clicked"); break; case R.id.btn_text: Log.v(TAG, "TextButton clicked"); break; default: Log.e(TAG, "no button clicked??"); break; Nur ein OnClickListener für viele Buttons möglich Prof. Dr. Peter Barth, Mobile Computing 23 Toast Toast: Kurze Nachricht Taucht auf Bildschirm für eine feste Zeitspanne auf Toast.LENGTH_SHORT, Toast.LENGTH_LONG Verwenden Static Factory, maketext Context-Object ist umgebende Activity Widget ohne XML Gut, um einfach zu tracen, ausprobieren setcontentview(r.layout.toast); Button btnshorttoast = (Button) findviewbyid(r.id.btn_short_toast); btnshorttoast.setonclicklistener(new View.OnClickListener() { public void onclick(view v) { Toast toast = Toast.makeText(ToastActivity.this, "Short Toast", Toast.LENGTH_SHORT); toast.show(); Instanz ); umgebender Klasse public void onlongtoast(view view) { Toast toast = Toast.makeText(this, "Long Toast", Nicht Teil der App Toast.LENGTH_LONG); Interaktion toast.show(); ToastActivity.java Prof. Dr. Peter Barth, Mobile Computing 24

7 TextView TextView: Anzeige von Text Attribute von Java änderbar Einfache Auszeichnung möglich private TextView tvdisplay; private int text=0, fontsize=0, bg=0, fg=0; private String[] texts; private int[] colorids = {R.color.color1, ; public void onclickfontsize(view view) { fontsize = (fontsize == 28)? 8 : fontsize+1; tvdisplay.settextsize( TypedValue.COMPLEX_UNIT_SP, fontsize); texts = getresources().getstringarray( R.array.textview_msgs); public void onclicktext(view view) { normal, <b>fett</b>, <i>italic</i>, <u>unterstrichen</u>, <b><i><u>alles</u></i></b> <TextView android:id="@+id/tv_display" android:layout_width="match_parent" android:text="@string/textview_msg" <TextView android:layout_width="match_parent" android:text="@string/textview_long_msg" <TextView android:layout_width="match_parent" android:text="@string/textview_formatted_msg" text = (text + 1) % texts.length; tvdisplay.settext(texts[text]); <resources> <color name="color1">@android:color/holo_red_light</color> public void onclickbackground(view view) { <color name="color2">@android:color/holo_red_dark</color> bg = (bg + 1) % colorids.length; tvdisplay.setbackgroundcolor( </resources> getresources().getcolor(colorids[bg])); res/values/colors.xml Prof. Dr. Peter Barth, Mobile Computing 25 ImageView ImageView: Anzeige von Bilder Meist Anzeige von Drawables <ImageView android:src="@mipmap/ic_launcher" <ImageView android:id="@+id/iv_display" android:src="@drawable/iclxxh" private ImageView ivdisplay; private String[] exts = {"m", "h", "xh", "xxh"; int ext = 0; Sucht sich passende Größe public void onclicksize(view view) { ext = (ext + 1) % exts.length; 3418 drawable/iclh.png String fname = "icl"+exts[ext]; 2206 drawable/iclm.png int id = getresources().getidentifier(fname, 4842 drawable/iclxh.png "drawable", getpackagename()); 7718 drawable/iclxxh.png ivdisplay.setimageresource(id); 3418 mipmap-hdpi/ic_launcher.png Kopie aus 2206 mipmap-mdpi/ic_launcher.png 4842 mipmap-xhdpi/ic_launcher.png mipmap-* 7718 mipmap-xxhdpi/ic_launcher.png Prof. Dr. Peter Barth, Mobile Computing 26 EditText EditText: Eingabefeld Hinweis, wenn leer möglich Ähnlich zu TextView Methoden gettext, settext: Setzen/Holen Inhalt (Dokumentation) <EditText android:id="@+id/et_edit" android:hint="hinweis, wenn leer" <TextView android:id="@+id/tv_oben" <TextView android:id="@+id/tv_unten" private EditText etedit; private TextView tvoben; private TextView tvunten; setcontentview(r.layout.editext); etedit = (EditText) findviewbyid(r.id.et_edit); tvoben = (TextView) findviewbyid(r.id.tv_oben); tvunten = (TextView) findviewbyid(r.id.tv_unten); Prof. Dr. Peter Barth, Mobile Computing 27 EditText Verwenden TextWatcher, zum kontinuierlichen Aktualisieren des oberen TextView Update-Button, um unteren TextView zu aktualisieren private TextWatcher textwatcher = new TextWatcher() { public void beforetextchanged(charsequence s, int start, int count, int after) { public void ontextchanged(charsequence s, int start, int before, int count) { public void aftertextchanged(editable s) { tvoben.settext(etedit.gettext()); ; etedit.addtextchangedlistener(textwatcher); Sondernzeichen ö long press o public void onclickupdate(view view) { tvunten.settext(etedit.gettext()); Prof. Dr. Peter Barth, Mobile Computing 28

8 CheckBox CheckBox: Ein/Aus Verwenden <LinearLayout.. <CheckBox android:text="check Me 1" <CheckBox android:text="check Me 2" </LinearLayout> <CheckBox android:text="check Me 3" ischecked, setchecked; Listener bei Änderungen private CompoundButton.OnCheckedChangeListener occl = new CompoundButton.OnCheckedChangeListener() { public void oncheckedchanged(compoundbutton c, boolean value) { String msg = String.format("cb1: %s, cb2: %s, cb3: %s", cb1.ischecked(), cb2.ischecked(), cb3.ischecked()); tvcheckbox1.settext(msg); ; cb1 = (CheckBox) findviewbyid(r.id.cb1); CheckBox[] cbs = {cb1, cb2, cb3; for (CheckBox cb : cbs) cb.setoncheckedchangelistener(occl); public void onclickupdate(view view) { String msg = ; tvcheckbox2.settext(msg); public void onclickset(view view) { cb1.setchecked(true); cb2.setchecked(false); cb3.setchecked(true); Prof. Dr. Peter Barth, Mobile Computing 29 RadioGroup, RadioButton RadioButtons in RadioGroup Eins aus mehreren RadioGroup für eins aus Verwenden <RadioGroup android:id="@+id/rg_color"..> <RadioButton android:id="@+id/rb_red" android:text="rot" android:textcolor="#ff0000" <RadioButton android:id="@+id/rb_green" android:text="grün" android:textcolor="#00ff00" <RadioButton android:id="@+id/rb_blue" android:text="blau" android:textcolor="#0000ff" </RadioGroup> private RadioGroup.OnCheckedChangeListener occl = new RadioGroup.OnCheckedChangeListener() { Alles über RadioGroup public void oncheckedchanged(radiogroup g, int ceckedid) { Geht auch mit RadioButtons switch (checkedid) { case R.id.rb_red: tvcolor.settext("rot"); break; case R.id.rb_green: tvcolor.settext("grün"); break; public void onclicknext(view view) { case R.id.rb_blue: tvcolor.settext("blau"); break; switch (rgcolor.getcheckedradiobuttonid()) { case R.id.rb_red: rgcolor.check(r.id.rb_green); break; ; case R.id.rb_green: public void oncreate(bundle savedinstancestate) { rgcolor.check(r.id.rb_blue); break; rgcolor.setoncheckedchangelistener(occl); case R.id.rb_blue: Prof. Dr. Peter Barth, Mobile Computing 30 rgcolor.check(r.id.rb_red); break; Spinner Spinner: Eins aus Mehreren Dropdown oder Dialog Automatisches Scrollen Aus String-Feldern Ressourcen aufgebaut <string name="spinner_raeume_prompt"> Welcher Raum?</string> <string-array name="raeume"> <item>raum 11</item> <item>raum 12</item> <item>raum 13</item> <item>raum 14</item> <item>cube</item> <item>serverraum</item> <item>raum 17</item> <item>raum 18</item> </string-array> <Spinner android:id="@+id/spinner_raeume" android:spinnermode="dropdown" android:spinnermode="dialog" android:prompt="@string/spinner_raeume_prompt" Prof. Dr. Peter Barth, Mobile Computing 31 Spinner Adapter AdapterView Anzeige vieler Datensätze (z.b. Spinner), Oberklasse AdapterView Bindeglied zwischen View und Menge von Datensätzen ist Adapter Adapter Datenquelle: Füllen der AdapterView mit Datensätzen Ansicht: Welche View für die Darstellung Vordefinierte generische Adapter: ArrayAdapter, CursorAdapter Verwendung ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(this, R.array.raeume, android.r.layout.simple_spinner_item); adapter.setdropdownviewresource(android.r.layout.simple_spinner_dropdown_item); spinnerraeume.setadapter(adapter); // vom Typ Spinner Konstruktoren möglich adapter verwenden Quellen statt Ressource möglich, add/remove möglich Static Factory Method Adapter von Ressource Vordefinierte Formate für Anzeige Prof. Dr. Peter Barth, Mobile Computing 32

9 Spinner AdapterView Listener OnItemSelectedListener Teil der AdapterView Aufruf bei Änderung der Auswahl Zugriff auf relevanten Zustand und Strukturen AdapterView.OnItemSelectedListener avoisl = new AdapterView.OnItemSelectedListener() { public void onitemselected(adapterview<?> parent, View view, int position, long id) { String selected = (String) parent.getselecteditem(); tvselected.settext(selected); public void onnothingselected(adapterview<?> parent) { tvselected.settext(""); ; public void oncreate spinnerraeume.setonitemselectedlistener(avoisl); Qualifizierter Name üblich, vermeiden von Konflikten Prof. Dr. Peter Barth, Mobile Computing 33 DatePicker DatePicker: Ein Datum auswählen Inline Verwendbar Empfohlen ist Verwendung als DialogFragmente private DatePicker datepicker; private TextView tvdate; public void onclickupdatedate(view view) { tvdate.settext(getdatefromdatepicker(datepicker).tostring()); // stackoverflow: /getdate-from-datepicker-android public static java.util.date getdatefromdatepicker( DatePicker datepicker) { int day = datepicker.getdayofmonth(); int month = datepicker.getmonth(); int year = datepicker.getyear(); Calendar calendar = Calendar.getInstance(); calendar.set(year, month, day); return calendar.gettime(); <DatePicker android:id="@+id/dp_date" Prof. Dr. Peter Barth, Mobile Computing 34 DatePicker Listener Kontinuierliches Update DatePicker.OnDateChangedListener Etwas umständlich mit init initialisieren private DatePicker.OnDateChangedListener dcl = new DatePicker.OnDateChangedListener() { public void ondatechanged(datepicker view, int year, int monthofyear, int dayofmonth) { Calendar calendar = Calendar.getInstance(); calendar.set(year, monthofyear, dayofmonth); tvdatecont.settext(calendar.gettime().tostring()); ; public void oncreate Calendar cal = Calendar.getInstance(); datepicker.init(cal.get(calendar.year), cal.get(calendar.month), cal.get(calendar.day_of_month), dcl); Prof. Dr. Peter Barth, Mobile Computing 35 TimePicker TimePicker: Eine Zeit auswählen Ähnlich zu DatePicker, Unterschiede im Detail TimePicker.OnTimeChangedListener tcl = new TimePicker.OnTimeChangedListener() { public void ontimechanged(timepicker view, int hourofday, int minute) { Calendar calendar = Calendar.getInstance(); calendar.set(calendar.hour_of_day, hourofday); calendar.set(calendar.minute, minute); calendar.set(calendar.second, 0); tvtimecont.settext(calendar.gettime().tostring()); ; timepicker.setontimechangedlistener(tcl); Calendar cal = Calendar.getInstance(); timepicker.setcurrenthour(cal.get(calendar.hour_of_day)); timepicker.setcurrentminute(cal.get(calendar.minute)); public void onclickupdatetime(view view) { Calendar calendar = Calendar.getInstance(); calendar.set(calendar.hour_of_day, timepicker.getcurrenthour()); calendar.set(calendar.minute, timepicker.getcurrentminute()); calendar.set(calendar.second, 0); Prof. tvtime.settext(calendar.gettime().tostring()); Dr. Peter Barth, Mobile Computing 36

10 ListView ListView Auswahl aus Liste von Möglichkeiten Initialisieren mit ressource ListViewActivity Vorgefertigt Mit Activity außen herum Dokumentation <string-array name="widgets"> <item>button</item> <item>toast</item> <item>textview</item> <item>imageview</item> <item>edittext</item> <item>checkbox</item> <item>radio</item> <item>spinner</item> <item>datepicker</item> <item>timepicker</item> </string-array> <ListView private ListView lvwidgets; private List<String> widgets; widgets = Arrays.asList(getResources().getStringArray(R.array.widgets)); lvwidgets = (ListView) findviewbyid(r.id.lv_widgets); Prof. Dr. Peter Barth, Mobile Computing 37 ListView Adapter ArrayAdapter Initialisieren und setzen Callbacks Callback OnItemClickListener Mit Klassenpräfix AdapterView Verhalten Generiert Klassennamen Startet Activity Achtung: Alle Activities müssen in Manifest sein ArrayAdapter<String> widgetsadapter = new ArrayAdapter<String>(this, android.r.layout.simple_list_item_1, widgets); lvwidgets.setadapter(widgetsadapter); lvwidgets.setonitemclicklistener(lvoicl); private AdapterView.OnItemClickListener lvoicl = new AdapterView.OnItemClickListener() { public void onitemclick(adapterview<?> parent, View view, int position, long id) { String widgetname = widgets.get(position); String currentpackage = this.getclass().getpackage().getname(); String classname = currentpackage + "." + widgetname + "Activity"; Class<Activity> activity = (Class<Activity>) Class.forName(className); Intent intent = new Intent(WidgetsActivity.this, activity); startactivity(intent); ; Prof. Dr. Peter Barth, Mobile Computing 38 Zustand bei Neustart, Änderung der Ausrichtung Neustart der App Passiert häufig, zum Beispiel beim Rotieren (orientation change) Zustand/Benutzerdaten müssen gespeichert werden Zustand speichern mit Bundle Bundle savedinstancestate Viele Controls legen dort automatisch Ihren Zustand ab Eigenen Zustand dort auch speichern Eigenen Zustand speichern Wenn nicht schon automatisch gespeichert Muss Grundtyp/String/Wrapper sein oder Parcelable implementieren Methoden, Bundle als Parameter onsaveinstancestate, onrestoreinstancestate, super nicht vergessen Bundle schon in oncreate verfügbar, nicht nutzen oncreate Created Resumed (sichtbar, aktiv) onresume onrestoreinstancestate onstart onpause onsaveinstancestate onstop ondestroy Destroyed Prof. Dr. Peter Barth, Mobile Computing 39 ToggleApp Zustand speichern Zustand der ToggleApp Controls, werden automatisch gesichert Grüße, werden automatisch neu geladen Aber: Ausgewählter Gruß, int Instanzvariable Problem Beim Drehen der ToggleApp wird immer erster Eintrag gezeigt Ziel ist letztgewählten Eintrag beizubehalten Lösung *InstanceState Aktualisierung Anzeige, da nach oncreate private String[] greetings; private int current; final static String CURRENT = "current"; protected void onsaveinstancestate(bundle outstate) { super.onsaveinstancestate(outstate); outstate.putint(current, current); protected void onrestoreinstancestate(bundle savedinstancestate) { super.onrestoreinstancestate(savedinstancestate); current = savedinstancestate.getint(current); tvdisplay.settext(greetings[current]); Prof. Dr. Peter Barth, Mobile Computing 40