phonegap: native apps mit JQTouch & phonegap

Im ersten Teil des Tutorials haben wir gesehen, wie man seinen Mac mit xcode und phonegap zur Erstellungs von nativen apps vorbereitet.

Nun gehen wir noch einen Schritt weiter und importieren JQTouch Demo code in den Projektcontainer. Dazu laden wir uns die aktuelle Version von JQTouch auf den Mac und entpacken es in einen Ordner auf dem Desktop.

Nun starten wir xcode, wählen als Projekttyp das phonegap Template und vergeben einen Namen für das Projekt. Über den Finder wählst Du das Testprojekt an und kopierst den JQTouch code aus dem Verzeichnis Demo in das Projektverzeichnis www. Die bestehende index.html Datei kann gelöscht bzw. umbenannt werden.

Jetzt müssen die Pfade in der JQTouch index.html angepasst werden, da wir die Verzeichnisstruktur wie oben gesehen angepasst haben.

Anschliessend müssen wir in xcode das Projekt leicht anpassen, damit es in unserem iPhone Simulator auch richtig funktioniert.

Dazu wählen wir unter “Project” – “Edit Project Settings” unter Base SDK iOS Simulator 4.1 aus. Damit ist das base SDK gesetzt und wir wählen oben rechts als Ziel den iPhone Simulator aus. Damit wird dann automatisch auch x86 kompatibler code generiert, welcher auf dem Mac ausgeführt werden kann.

Nun kann über “built and run” das Projekt kompiliert und im Simulator ausgeführt werden.
Das Ergebnis sollte so aussehen:

Ein paar Kleinigkeiten kann man noch verbessern. Das klären wir aber im dritten Teil des Tutorials.

Tags: html, iphone, javascript, phonegap

This entry was posted on Donnerstag, Oktober 7th, 2010 at 19:45 and is filed under iphone. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.