HTML and CSS Reference
In-Depth Information
3.4
Android Apps mit PhoneGap entwickeln
Wir haben die bisherigen Beispiele mit Xcode aus dem iOS SDK in native iOS-Anwen-
dungen für iPhone, iPod touch und iPad umgewandelt. Fast alle Funktionen, die Sie
dabei kennengelernt haben, lassen sich auch für Android umsetzen.
1. Zu Beginn werden wir uns wieder mit unserem Standardbeispiel aus der iWebKit-
Vorstellung, der Oldtimer-HTML-Seite, beschäftigen. Dazu haben wir die
Hauptbestandteile dieser Seite wieder in ein neues
www
-Verzeichnis innerhalb des
phonegap-android
-Ordners kopiert:
Bild 3.63:
Die Beispiele im
www
-Verzeichnis.
Anders als in einer iOS-Anwendung erstellen Sie das
www
-Verzeichnis zuerst manuell,
es wird nicht durch die Entwicklungsumgebung erzeugt. In dieses
www
-Verzeichnis
gehören aber wie auch für iOS-Apps alle Bestandteile Ihrer mobilen Seite: HTML-
Seiten, lokale Ressourcen (Bilder, Videos), CSS- und JavaScript-Dateien. Sie können
theoretisch den
www
-Ordner überall auf Ihrem Rechner anlegen, der Einfachheit halber
empfiehlt sich die temporäre Anlage allerdings in dem Ordner, in dem PhoneGap für
Android installiert wurde.
2. Am Anfang jeder neuen Android-App steht nicht nur das passende HTML, sondern
auch die recht umständliche Prozedur in der Konsole bzw. im Terminalprogramm.
Rufen Sie dieses Programm auf und navigieren Sie in das Verzeichnis
phonegap-
android
. Von dort aus rufen Sie den folgenden Befehl (nur mit Ihren Parametern) auf:
./droidgap ~/android sdk mac 86 oldtimermarkt com.spiering.automarkt www/
~/autohaus/androidapp
Sie haben diesen Aufruf schon einmal bei der Anlage des PhoneGap-Beispiels für
Android kennengelernt. Die Angaben bedeuten:
Parameter
Erläuterung
In diesem Verzeichnis befindet sich die Installation des Android SDK.
Je nachdem, welche Android-Version Sie installieren, kann sich die
Angabe des Verzeichnisses ändern.
~/android-sdk-
mac 86
Der Name der Android-App.
oldtimermarkt
