WebApps mit Frameworks entwickeln - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 333

8
Abbildung 8.20 Das ist schon eher nach Ihrem Geschmack - die Demo-App.
Zunächst beginnen Sie wieder mit dem Ext.application -Grundgerüst. Vor der initia-
len Launch-Funktion fügen Sie diesmal jedoch noch einige Optionen Ihrer App ein.
Dazu zählen das Aussehen der Statusleiste im Vollbildmodus, das Symbol für den
Home-Bildschirm und der Ladebildschirm für iPhone und iPad:
new Ext.application({
statsBarStyle: 'black',
phoneIcon: '../bilder/iphone-icon.png',
phoneStartupScreen: '../bilder/iphone-splash.png',
tabletIcon: '../bilder/ipad-icon.png',
tabletStartupScreen: '../bilder/ipad-splash.png',
launch: function() {
// Hier wird der Container definiert.
}
});
In der Launch-Funktion erstellen Sie nun wie bereits zuvor einen leeren Container,
der später alle weiteren Elemente enthält:
Ext.create("Ext.Container", {
fullscreen: true,
layout: 'vbox',
// Hier werden die weiteren Elemente definiert.
});