Android User Hallo Android (Vorschau)

Devcorner
PhoneGap-Workshop
anlegen. Das geschieht
mit dem sogenannten
AVD-Manager, den Sie
mit dem Menübefehl
Window | AVD Manager
öffnen.
Mit einem Klick auf
New legen Sie eine erste
Emulator-Konfiguration
an. Dieser weisen Sie zunächst
eine Bezeichnung
und die Zielplattform zu.
Weisen Sie der AVD-Konfiguration
eine SD-Kartengröße,
das Skin und die
zu verwendeten Hardware
Abb. 4: Mit dem AVD-Manager verwalten Sie Emulator-Konfigurationen,
die dann für die Ausführung Ihrer Anwendung WVGA800 ist in der Regel
zu. Das Standard-Skin
auf dem Entwicklungssystem verwendet werden.
eine gute Lösung. Es verwendet
eine Auflösung
von 480 x 800 Pixeln. Der SD-Karte sollten
Sie möglichst einige Hundert Megabyte zuweisen.
Mit einem Klick auf die Schaltfläche
Create AVD legen Sie den Emulator an. Aus
dem AVD-Manager heraus können Sie den
Emulator starten, in dem Sie die gewünschte
Konfiguration markieren und dann die Start-
Taste betätigen.
Alternativ schließen Sie nun Ihr Android-
Smartphone an den Rechner an und wählen
als Target dann Ihr eigenes Smartphone. Die
App wird dann direkt installiert und ausgeführt.
In diesem Fall muss allerdings die
Plattformversion (API-Level) zu der auf dem
Smartphone passen.
Listing 3: Benachrichtigung
Multi-Plattform-Entwicklung
Das wichtigste Ziel von PhoneGap ist es, die
Entwicklung von Apps zu ermöglichen, die
document.addEventListener("DOMContentLoaded", function () {
alert("PhoneGap ist eine tolle Lösung!")
}, false);
function alertAusgabe() {
alert("PhoneGap ist eine tolle Lösung!");
}
document.addEventListener("DOMContentLoaded", function () {
alert("Ja, PhoneGap ist eine tolle Lösung für die Android‐Entwicklung!");
document.getElementById("magMich").
addEventListener("click", alertAusgabe, false);
}, false);
auf alle gängigen mobilen Plattformen ausgeführt
werden. Gelöst wird dieses Problem
durch eine zusätzliche Schnittstelle, die
Schluss macht mit inkompatibler Software
und Umgebungen. Wenn Sie Hürden für das
Aufsetzen einer Entwicklungsplattform genommen
haben, werden die Folgeschritte
einfacher – gerade auch für die Anwender,
die sich bereits mit Web-Design befasst
haben.
Nachdem Sie die erste Anwendung erstellt
und diese mit dem lokalen Emulator getestet
haben, können Sie sich beispielsweise an die
Bearbeitung der Anwendung machen. Im
Mittelpunkt der weiteren Entwicklungsarbeit
steht dabei die Erweiterung der Funktionalität
der Index-Datei.
Editieren Sie die in obigem Beispiel erzeugte
HTML-Datei, und verwenden Sie beispielsweise
folgenden Code:
Einfache Android‐App
Android‐Apps mit PhoneGap
Damit haben wir gerade einmal eine sehr
einfache HTML-Datei, die es weiter zu verfeinern
gilt. Wir weisen dem Dokument noch
mit dem style-Element etwas Farbe zu. Platzieren
Sie das style-Element innerhalb des
-Abschnitts:
body {
background: #ff0;
}
div#main {
background: #ccf;
height: 600px;
width: 360px;
padding: 5px;
‐webkit‐border‐radius: 5px;
}
Modifizieren Sie dann das body-Element,
damit es in etwa wie folgender Beispiel-Code
aussieht:
Android‐Apps mit PhoneGap!
110
April 2012
Android-User.de