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

Setzen Sie Screen orientation auf landscape , klicken Sie bei Config changes auf Select und
entfernen Sie das Häkchen bei orientation . Sie legen somit fest, dass die App auf jeden
Fall im Querformat startet und der Benutzer die orientation , also die Ausrichtung, auch
nicht ändern kann. Selbst wenn der Benutzer das Android-Telefon hochkant hält, wird
sich der Bildschirm nicht mitdrehen.
Android-Titelleiste ausblenden
Die Android-Titelleiste ist der Bereich am oberen Rand des Bildschirms, in dem der
App-Name steht und der direkt unterhalb der Statusleiste liegt. Bei kleineren Phone-
Gap-Android-Apps bekommen Sie sie nur für einen kurzen Augenblick zu sehen, näm-
lich nachdem PhoneGap gestartet ist und bevor der Inhalt der index.html aus dem www -
Ordner angezeigt wird.
Über das Manifest können Sie die Anzeige der Titelleiste unterbinden. Hierzu bleiben
Sie in den gleichen Application Nodes wie zur Einstellung des Querformats, geben aber
unter Theme die folgende Zeile ein:
@android:style/Theme.NoTitleBar
3.4.4 Android-App mit Menüfunktionen versehen
Der Umstand, dass PhoneGap eine native Android-Anwendung generiert, die im
Wesentlichen Webinhalte innerhalb dieser Anwendung darstellt, macht die Program-
mierung leicht, beinhaltet aber eine Einschränkung, die wir gekonnt überbrücken
müssen. Nahezu alle Android-Anwendungen besitzen Programmmenüs, die der
Benutzer über die Menütaste aufrufen kann und die Zugriff auf oft benutzte Pro-
grammteile oder -funktionen bieten.
Bei einer Webseite berücksichtigt man diese Menüs nie, da beim Antippen der Menü-
taste das Browsermenü erscheint und somit diese Funktion bereits durch den Browser
belegt ist. Auch beim iPhone oder generell unter iOS spielt das keine Rolle, da es einfach
keine Menütaste und auch keine klassischen Menüs gibt.
In der PhoneGap-Community werden deshalb schon seit einiger Zeit Lösungen disku-
tiert, die bislang noch nicht komplett in die Codebasis von PhoneGap für Android ein-
geflossen sind. Daher müssen wir uns kurz selbst helfen, indem wir im Eclipse Package
Explorer die Datei phonegap.js ansteuern und sie im internen Texteditor öffnen.
Suchen Sie in dieser Datei nach dem Ausdruck menuKeyDown . Falls er da ist, wurde
zumindest ein Teil des Codes in die offzielle PhoneGap-Codebasis übernommen. Falls
nicht, fügen Sie einfach folgende Zeilen der phonegap.js hinzu:
KeyEvent.prototype.menuTrigger function()
{
var e document.createEvent('Events');
e.initEvent('menuKeyDown');
document.dispatchEvent(e);
}