Rich Internet Applications mit Adobe Flex 3

Inhalt

Vorwort

1 Einstieg in Flex 3.0

1.1 Next Generation Internet

1.1.1 AJAX versus Flex

1.1.2 Flash und Flex – die Evolution

1.2 Die Bestandteile von Flex 3

1.2.1 Der Flash Player 9 (FP9)

1.2.2 Die Layoutsprache MXML

1.2.3 Programmierung mit ActionScript 3.0

1.3 Entwicklung und Aufbau einer Flex-Anwendung

1.4 Flex für den Desktop: Adobe AIR

1.5 Dokumentationen und nützliche Links

2 Die Entwicklungsumgebung

2.1 Flex SDK

2.2 Flex Builder 3

2.2.1 Die verschiedenen Projektarten

2.2.2 Ein neues Projekt anlegen und ausführen

3 MXML

3.1 Struktur und Syntax

3.1.1 MXML-Grundgerüst und Zeichenkodierung

3.1.2 Kommentare innerhalb eines MXML-Dokuments

3.1.3 MXML-Dateinamen

3.1.4 Aufbau von MXML-Dokumenten

3.2 MXML und ActionScript

3.3 Namespaces

3.4 Eigenschaften von Komponenten setzen

3.5 Darstellung von XML innerhalb von MXML

4 ActionScript

4.1 Einführung

4.1.1 Über ActionScript

4.1.1.1 Arbeitsweise von ActionScript

4.1.1.2 AVM1 und AVM2: Unterschiede und Kompatibilität

4.1.2 ActionScript im Umfeld von Flex

4.1.3 Spuren legen mit trace()

4.1.4 Kommentare in ActionScript

4.2 Einsatz von ActionScript

4.2.1 Inline: Innerhalb von MXML-Tag-Attributen

4.2.2 Nested: Verschachtelt in MXML-Tags

4.2.3 Block: MXML Script Blocks

4.2.4 Ausgelagert: ActionScript in separater Datei

4.2.5 Klassen: Externe Definitionsdateien

4.3 ActionScript 3.0 im Vergleich

4.3.1 Was gibt es Neues in ActionScript 3.0

4.3.1.1 Primitive Datentypen

4.3.1.2 Laufzeittypisierung

4.3.1.3 Finale Klassen

4.3.1.4 Funktionsabschluss (Method Closure)

4.3.1.5 Fehlerbehandlung

4.3.1.6 Neue XML-Funktionen

4.3.1.7 Reguläre Ausdrücke

4.3.1.8 LowLevel und Binärdaten

4.3.1.9 Funktionen für den Umgang mit Text

4.4 Sprachelemente und Syntax

4.4.1 Variablen und Datentypen

4.4.1.1 Strikte Typisierung

4.4.1.2 Datentypen

4.4.1.3 Geltungsbereich von Variablen

4.4.1.4 Abfragen des Datentyps

4.4.2 Klassen, Eigenschaften und Methoden

4.4.2.1 Aufbau einer Klassendefinition

4.5 Vergleich: ActionScript, PHP und Java

5 Praxis-Workshop

5.1 Einleitung

5.1.1 Anforderungsliste

5.1.2 So soll die fertige Anwendung aussehen

5.1.3 Vorbereitung

5.2 Das User Interface

5.2.1 Das MXML-Grundgerüst

5.2.2 Der Kopfteil unserer Anwendung

5.2.3 Aller guten Dinge sind drei: Unsere drei Fenster

5.2.4 Zeit für Veränderung: Die zwei States unserer Anwendung

5.2.5 Es passiert was: Ein Event tritt ein

5.2.6 Zeit für ein wenig Action: Das erste richtige ActionScript

5.2.7 Zu guter Letzt noch etwas für die Augen ...

6 Das Event-Modell von Flex

6.1 Einführung

6.1.1 Ereignisfluss: das Event-Modell verstehen

6.2 Event-Handler

6.2.1 Events in MXML abfangen

6.2.2 Events in ActionScript abfangen

6.2.3 Welche Events sind verfügbar?

6.2.4 Die Event-Klasse

6.3 Event Propagation

6.3.1 Unterschied zwischen target und currentTarget

6.3.2 Die addEventListener()-Methode

6.3.3 Priorität von Events

6.3.4 Propagation in Event-Kette stoppen

6.4 Event-Unterklassen

6.4.1 MouseEvent

6.4.2 KeyboardEvent

6.5 Events für Fortgeschrittene

6.5.1 Eigene Event-Klasse erstellen

6.5.2 Events manuell feuern

7 Die Flex-Bausteine: Komponenten

7.1 Komponenten

7.1.1 Controls

7.1.1.1 Textausgabe (Label und Text)

7.1.1.2 Schaltflächen (Button, LinkButton und PopUpButton)

7.1.1.3 Alert

7.1.1.4 Texteingabe (TextInput und TextArea)

7.1.1.5 Auswahl (CheckBox, RadioButton, ComboBox, NumericStepper)

7.1.1.6 List, Tree, DataGrid

7.1.1.7 Interactive Data Visualization

7.1.2 Layout-Container

7.1.3 Navigators

7.2 List-basierte Komponenten

7.2.1 List

7.2.1.1 Füllen von List-basierten Komponenten

7.2.1.2 Formatieren von Zellen

7.2.1.3 Den ausgewählten Eintrag auslesen

7.2.2 Tree

7.2.3 DataGrid

7.2.4 AdvancedDataGrid

7.2.5 ItemRenderer

7.2.6 ItemEditor

7.3 Layout

7.3.1 Layout-Regeln

7.3.2 Scrollbalken

7.3.3 Verschachteln von Containern

7.3.4 Rahmen und Abstand

8 Medienintegration

8.1 Einführung

8.2 Grafiken und Bilder laden

8.2.1 SWF-Animationen und Skripte laden

8.2.2 Ladevorgang überwachen

8.3 Einbinden von Sound

8.4 Einbinden von Video

8.5 Assets mit statischer Klasse verwalten

8.6 Restriktionen beim Laden externer Medien

9 Anpassen der Benutzeroberfläche

9.1 Einleitung

9.2 Styles

9.2.1 Instance/Inline Style

9.2.2 CSS: Class Styles und Type Styles

9.2.3 Globale Styles

9.2.4 Einsatz von Styles in MXML und externen CSS-Dateien

9.2.5 Einsatz von Styles in ActionScript

9.2.6 Verfügbare Style-Eigenschaften

9.2.7 Formate für Style-Eigenschaften

9.2.8 Vererbung und Dominanz

9.2.9 CSS-Designer im Flex Builder 3

9.3 Component Skinning

9.3.1 Namenskonventionen für Skins

9.3.2 Graphical Skinning

9.3.3 Skins mit Photoshop CS3 erstellen

9.3.4 Skins mit Adobe Flash CS3 erstellen

9.3.5 Skins mit anderen Programmen erstellen

9.3.6 Programmatic Skinning

9.4 Fonts in Flex

9.4.1 Fonts nutzen und einbetten

9.4.2 Probleme beim Nutzen und Einbetten von Fonts

9.4.3 Fonts mit FlashType

9.5 Runtime CSS

10 States, Effects und Transitions

10.1 States

10.1.1 Mit States arbeiten (MXML)

10.1.2 Mögliche Modifikationen innerhalb eines States

10.1.2.1 Eigenschaften verändern

10.1.2.2 Styles verändern

10.1.2.3 Komponenten hinzufügen

10.1.2.4 Komponenten entfernen

10.1.2.5 Event-Handler setzen

10.1.3 States ableiten

10.1.4 States in Komponenten und Modulen

10.1.5 States und ihre Events

10.1.6 States verfeinern

10.2 Effects

10.2.1 Effects erstellen und anwenden

10.2.1.1 Zuweisung über Trigger

10.2.1.2 Manuelles Starten eines Effects über die play()-Methode

10.2.1.3 Zuweisung des Effects erfolgt über eine Style-Definition

10.2.1.4 Effects an States binden

10.2.2 Die Trickkiste: Übersicht der verfügbaren Effects und Trigger

10.2.3 Effects kombinieren

10.2.4 Effects und ihre Events

10.2.5 Sonderfälle

10.2.5.1 Beliebige numerische Eigenschaften animieren

10.2.5.2 Start eines Effects verzögern

10.2.5.3 Effect frühzeitig beenden

10.2.5.4 Effect mehrfach wiederholen

10.2.5.5 Effect mal rückwärts

10.2.5.6 Effects und eingebettete Fonts

10.2.5.7 Non-lineare Effects (Easing)

10.2.5.8 SoundEffect

10.2.6 Eigene Effects erstellen

10.2.6.1 Interne Arbeitsweise von Effects

10.2.6.2 Eigene Effect-Klasse erstellen

10.2.6.3 Eigene TweenEffect-Klasse erstellen

10.2.6.4 Eigene Effect-Trigger erstellen

10.3 Transitions

10.3.1 Transitions mit States verknüpfen

10.3.1.1 Transitions mit MXML erstellen

10.3.1.2 Transitions in ActionScript

10.3.2 Event-Kette von States und Transitions

10.3.3 Eins nach dem anderen: Action Effects

10.3.4 Fine-Tuning: Filter

10.3.4.1 Eigene Filter erstellen

11 Weitere Werkzeuge des Flex-Frameworks

11.1 CursorManager

11.2 PopUp

11.3 Drag-and-Drop

11.3.1 Events einer Drag-and-Drop-Operation

11.3.2 Custom Drag-and-Drop (für nicht List-basierte Komponenten)

11.4 Drucken in Flex

11.4.1 Einfaches Drucken

11.4.2 Drucken eines DataGrids mit Druckvorlage

12 Umgang mit lokalen Daten

12.1 Einführung

12.1.1 Daten aktuell halten: Datenbindung (Data Binding)

12.1.2 Daten richtig strukturieren und bereitstellen: Data Model

12.1.3 Daten aufbereiten und formatieren: Data Formatter

12.1.4 Daten auf Gültigkeit überprüfen: Data Validation

12.1.5 Datenfluss

12.2 Data Binding

12.2.1 Inline Data Binding

12.2.2 Die Tag-Variante für Data Binding

12.2.3 Data Binding mit ActionScript realisieren

12.2.3.1 Data Binding per Event überwachen bzw. abfangen

12.2.4 Eigene Objekteigenschaften für Data Binding aktivieren

12.2.4.1 Sonderfall: Arrays und Data Binding

12.2.4.2 Data Binding nur bei speziellem Event ausführen

12.2.5 ActionScript innerhalb eines Data Bindings

12.3 Data Model

12.3.1 Model, View und Controller (MVC)

12.3.2 Data Models in Flex

12.3.2.1 Data Model mit Model-Tag

12.3.2.2 Data Model mit XML-Tag

12.3.2.3 Data Model mit ActionScript (skriptbasiert)

12.3.2.4 Data Model mit ActionScript-Klassen

12.4 Data Formatting

12.4.1 Formatter in MXML anlegen

12.4.2 Formatter in ActionScript realisieren

12.4.3 Fehler in Formatter abfangen

12.4.4 Übersicht der Formatter-Klassen von Flex

12.4.4.1 CurrencyFormatter

12.4.4.2 DateFormatter

12.4.4.3 NumberFormatter

12.4.4.4 PhoneFormatter

12.4.4.5 ZipCodeFormatter

12.4.5 Custom Formatter programmieren

12.5 Data Validation

12.5.1 Validator in MXML anlegen

12.5.2 Validator in ActionScript realisieren

12.5.3 Übersicht der Validator-Klassen von Flex

12.5.3.1 CreditCardValidator

12.5.3.2 CurrencyValidator

12.5.3.3 DateValidator

12.5.3.4 EmailValidator

12.5.3.5 NumberValidator

12.5.3.6 PhoneNumberValidator

12.5.3.7 RegExpValidator

12.5.3.8 SocialSecurityValidator

12.5.3.9 StringValidator

12.5.3.10 ZipCodeValidator

12.5.4 Validierung nur bei bestimmten Events

12.5.5 Feedback auf anderer Komponente ausgeben

12.5.6 Pflichtfelder

12.5.7 Manuelles Auslösen eines Validators

12.5.8 Fehlermeldungen anpassen

12.5.9 Custom Validator programmieren

12.6 LocalConnection

12.7 SharedObject (Flash Cookie)

12.7.1 SharedObject anlegen

12.7.1.1 Speichern und Auslesen von Daten

12.7.1.2 Speichern typisierter Daten

12.7.2 Besonderheiten bei SharedObjects

12.7.2.1 Secure SharedObject

12.7.3 Beispiel: SharedObject-Editor

13 Externe Datenquellen

13.1 Einleitung

13.2 HTTP-basierte Kommunikation

13.2.1 HTTPService

13.2.2 Webservice

13.2.3 RemoteObject

13.3 AMFPHP

13.4 BlazeDS

13.4.1 Download und Installation

13.4.2 Java-Klassen

13.4.3 Die Flex-Anwendung

13.5 Austausch von Dateien

13.5.1 Herunterladen von Dateien

13.5.2 Hochladen von Dateien

14 Komponenten und Moduleentwickeln

14.1 Einleitung

14.1.1 Vorteile der modularen Entwicklung

14.1.2 Komponenten

14.1.3 Module

14.1.4 Komponenten vs. Module

14.1.5 Workflow und Aufbau einer modularen Flex-Anwendung

14.2 Eigene Komponenten entwickeln

14.2.1 Composite Components (MXML)

14.2.1.1 Eine einfache Composite Component erstellen

14.2.1.2 Komplexere Composite Components erstellen

14.2.2 Extended Components (ActionScript)

14.2.2.1 Eine einfache Standardkomponente erweitern

14.2.2.2 Eine komplexere Extended Component erstellen

14.2.2.3 Versteckte Potenziale: der interne Namespace (mx_internal)

14.2.3 Template Components (MXML)

14.2.4 Komponentenentwicklung für Fortgeschrittene

14.2.4.1 Komponenten mit Eigenschaften versehen

14.2.4.2 Komponenten mit Methoden versehen

14.2.4.3 Darstellung und Aktualisierungsprozess von Komponenten

14.2.4.4 Eigene Events in Komponenten

14.2.4.5 Eigene Styles in Komponenten

14.2.4.6 Metadaten in Komponenten

14.2.5 Eine Custom Component entwickeln

14.2.6 Komponenten kompilieren und verteilen

14.3 Module

14.3.1 Application Domain vs. Module Domain

14.3.2 Kommunikation mit Modulen

15 Gute Programmierung,schlechte Programmierung

15.1 So nicht: Eng gekoppelte Programmierung

15.2 Lose gekoppelte Programmierung

15.3 Cairngorm

15.3.1 Download

15.3.2 Anforderungen „Minishop“

15.3.3 Value Object und Model Locator

15.3.4 User Interface

15.3.5 Events

15.3.6 Front Controller

15.3.7 Commands

15.3.8 Service und Datenquelle

16 Flex für den Desktop (Adobe AIR)

16.1 Einführung in Adobe AIR

16.2 Entwicklung einer AIR-Anwendung

16.2.1 AIR-Projekt im Flex Builder 3 erstellen

16.2.2 Die AIR-Komponenten

16.2.2.1 Window

16.2.2.2 FileSystemComboBox

16.2.2.3 FileSystemTree

16.2.2.4 FileSystemList

16.2.2.5 FileSystemDataGrid

16.2.2.6 FileSystemHistoryButton

16.2.2.7 HTML

16.2.3 Veröffentlichung von AIR-Anwendungen

16.2.4 Exportieren von AIR-Anwendungen

16.3 AIR-Beispielanwendung

Register