Im Folgenden eine kleine Demo-App, die einige wichtigte Grundkonzept des mobilen Flex Frameworks zeigt. Im Wesentlichen wird ein Startbildschirm erstellt, von dem man über zwei Buttons zu jeweils einer Unterseite gelangt.
Video der Beispiel-App
MobileApplication
Über das Attribut firstView
lässt sich der initiale Inhalt, also die erste View, festlegen. Außerdem kann man über splashScreenImage
einen Splashscreen definieren.
[xml]
[/xml]
ActionBar und View
Die ActionBar
ist der Header über den Views. Normalerweise enthält sie Elemente wie den Homebutton und einen Seitentitel. Sie kann global oder für jede Seite einzeln festgelegt werden.
Hier ein Beispiel, wie darin ein Homebutton eingefügt wird.
[xml]
[/xml]
Die Views (s:Views
) sind die einzelnen Seiten des Content. Es handelt sich dabei einfach um einzelne MXML-Komponenten.
Als Standardübergang zwischen den Views automatisch der im Video sichtbare Übergangseffekt verwendet (Views fahren à la iPhone seitlich weg).
Wie im vorigen Codebeispiel zu entnehmen, gelangt man mit popToFirstView()
zurück zum Homescreen der Anwendung. Eine neue View erreicht man generell über navigator.pushView(views.Settings)
(wobei in diesem Fall „Settings” der Name der Klasse bzw. der MXML-Datei im Package „views” ist).
Möchte man Informationen an eine View übertragen, kann man ein untypisiertes Objekt übergeben: navigator.pushView(views.Content, meinObj)
. Dies ist von der aufgerufenen View ganz einfach über die Eigenschaft data
auslesbar.
Download: Flex Projekt (.zip, für Flex Builder Burrito)
[ad]
Entspricht ja grob dem Adobe-Tutorial, für einige sicherlich dennoch nützlich. (Deine deutsche Interpretation)
Schon cool was Adobe sich da ausgedacht hat. :)
Hallo Florian,
kannst du was zur Performance sagen? Macht es Sinn auch größere Flex-Anwendungen zu erstellen oder ist es eher eine Alibi-Lösung von Adobe die keine große Resonanz in der Entwickler-Gemeinde finden wird?
Fundiertes zur Performance kann ich dazu nicht sagen. Allerdings ist mein bisheriger Gesamteindruck sehr gut.
Hast du das hier gesehen?
http://www.video-flash.de/index/ueberblick-adobe-air-android/
Hardwarebeschleunigung per GPU geht übrigens auch:
http://www.youtube.com/watch?v=dWvlyEoEks0
@Jan
nicht vergessen: CacheAsBitmap = true für Bilder. Dann laufen größere Projekte aus Flex fliessend.