Native Anwendungen erstellen - HTML5-Apps fur iPhone und Android - page 276

Parameter Beispielwert Beschreibung

Hiermit wird die Farbe der Schrift bestimmt.

strokeColor FF0000

Hiermit wird die Transparenz des Hintergrunds be-
stimmt.

backgroundOpacity 0.4

Wenn Sie diesen Parameter nicht angeben, wird
der englische Begriff Loading angezeigt. Aller-
dings ist er nicht in die Systemlokalisierung ein-
gebunden und wird auch bei eingestellter deut-
scher Sprache in Englisch angezeigt. Deshalb ist
es ratsam, mit diesem Parameter einen alternati-
ven Text anzuzeigen.

labelText Laden

In diesem Beispiel werden einige unterschiedliche Parameter je nach gewählter Funktion
zusammengefasst und dann mit navigator.notification.loadingStart() aufge-
rufen. In einem wirklich nützlichen Szenario würden wir aber den Benutzer nicht für
eine feste Anzahl von Sekunden auf einen Ladebildschirm sehen lassen, sondern im
Hintergrund wirklich noch etwas tun und erst nach erledigter Arbeit die Ladeanzeige
ausblenden.

Das geschieht mit dem Aufruf von navigator.notification.loadingStop() .
Sobald diese Funktion aufgerufen wird, ist die Ladeanzeige nicht mehr sichtbar.

3.3.6 Ladeanzeige in der Statusleiste
Insbesondere wenn Daten im Hintergrund geladen werden, ist das durch ein kleinen,
sich drehenden Kreis in der Statusleiste sichtbar. Auch PhoneGap kann diese native
Funktion über JavaScript und die folgenden Aufrufe ansprechen:

• navigator.notification.activityStart() - startet die Ladeanzeige.
• navigator.notification.activityStop() - blendet die Ladeanzeige wieder aus.
Das funktioniert natürlich nur unter einer Bedingung: Die Statusleiste, egal ob in Grau
oder Schwarz, muss eingeschaltet und darf nicht über Status bar is initially hidden in der
Info.plist -Datei deaktiviert sein.

3.3.7 Adressbucheinträge neu anlegen und abrufen
Ein weiterer Bereich, der für eine Webanwendung unerreichbar ist, für eine mobile
Anwendung jedoch sehr nützlich sein kann, ist die Kontaktliste bzw. das Adressbuch des
Telefons. PhoneGap bietet vollen Zugriff auf das Adressbuch durch diverse JavaScript-
APIs.

Eintrag anlegen
Im ersten Beispiel erstellen wir eine einfache Oberfläche, in der der Benutzer den Vor-
und Nachnamen sowie die Telefonnummer eines neuen Kontakts eingeben kann. Das
Formular enthält einen Speichern -Button, der die Daten direkt ins Adressbuch schreibt
und mit einer Meldungsbox bestätigt. Da PhoneGap auch leere Einträge in das Adress-