Inhaltsverzeichnis. Simon Widjaja. Adobe Flex 4 ISBN: Weitere Informationen oder Bestellungen unter

Transkript

1 sverzeichnis Simon Widjaja Adobe Flex 4 ISBN: Weitere Informationen oder Bestellungen unter sowie im Buchhandel. Carl Hanser Verlag, München

2 1 Inhalt 1 Einstieg in Flex Next Generation Internet Die Flash Platform Die Protagonisten Die Bestandteile von Flex Entwicklung und Aufbau einer Flex-Anwendung Flex für den Desktop: Adobe AIR 6 2 Die Entwicklungsumgebung: Flash Builder Die verschiedenen Projektarten Ein neues Projekt anlegen und ausführen 11 3 MXML Struktur und Syntax MXML-Grundgerüst und Zeichenkodierung Kommentare in MXML Platzieren von Komponenten MXML-Dateinamen Aufbau von MXML-Dokumenten MXML und ActionScript 20 4 ActionScript Einführung Über ActionScript 23 V

3 4.1.2 ActionScript im Umfeld von Flex Spuren legen mit trace() Kommentare in ActionScript Einsatz von ActionScript Inline: Innerhalb von MXML-Tag-Attributen Nested: verschachtelt in MXML-Tags Block: MXML Script Blocks Ausgelagert: ActionScript in separater Datei Klassen: Externe Definitionsdateien ActionScript 3.0 im Vergleich Was gibt es Neues in ActionScript Sprachelemente und Syntax Variablen und Datentypen Klassen, Eigenschaften und Methoden Interfaces programmieren Vergleich: ActionScript, PHP und Java 49 5 Das Event-Modell von Flex Einführung Ereignisfluss: das Event-Modell verstehen Event-Handler Events in MXML abfangen Events in ActionScript abfangen Welche Events sind verfügbar? Die Event-Klasse Event Propagation Unterschied zwischen target und currenttarget Die addeventlistener()-methode Priorität von Events Propagation in Event-Kette stoppen Event-Unterklassen MouseEvent KeyboardEvent Gesten und ihre Events 73 VI

4 5.5 Events für Fortgeschrittene Eigene Event-Klasse erstellen Events manuell feuern 75 6 Die Flex-Bausteine: Komponenten Komponenten Controls Layout-Container Navigators Textkomponenten Flash Text Engine (ab Flash Player 10) Text Layout Framework (TLF) Die Text-Komponenten Das Text-Objektmodell Einfachen Text in MXML Eingabe von Text (TextInput und TextArea) Texteingabe und die relevanten Events Textformatierung in ActionScript (TextFlow) Templates: TextFlow und Datenbindung Mehrspaltiger Text Formatierten Text importieren (importfromxml und importfromstring) TextFlow exportieren List-basierte Komponenten List Tree (Halo) DataGrid AdvancedDataGrid ItemRenderer ItemEditor DropDownList und ComboBox DataGroup und SkinnableDataContainer Layout Die möglichen Layouts Absolute Positionierung (BasicLayout) Constraint-based Layout (BasicLayout) 138 VII

5 6.4.4 TileBasedLayout Verschachteln von Containern Rahmen und Abstand Scrollbalken Medienintegration Einführung Grafiken und Bilder laden SWF-Animationen und Skripte laden Ladevorgang überwachen Einbinden von Sound Einbinden von Video Restriktionen beim Laden externer Medien Anpassen der Benutzeroberfläche Einleitung Styles Instance/ Inline Style CSS: Class Styles und Type Styles CSS-Syntax CSS in Flex und die allgemeine CSS-Spezifikation Globale Styles Einsatz von Styles in MXML und externen CSS-Dateien Einsatz von Styles in ActionScript Verfügbare Style-Eigenschaften Formate von Style-Eigenschaften Vererbung und Dominanz Component Skinning Beispiel Skinning mit Flash Catalyst Die Designvorgabe und das Artwork (Photoshop) Die Komponente in Flash Catalyst zum Leben erwecken Import in Flash Builder Fonts Fonts nutzen und einbetten Probleme beim Nutzen und Einbetten von Fonts 200 VIII

6 8.5.3 Problembehandlung bei Halo-Komponenten Die Bereiche der Zeichensätze anpassen Runtime CSS States, Effects und Transitions States Mit States arbeiten (MXML) Mögliche Modifikationen innerhalb eines States States ableiten States in Komponenten und Modulen States und ihre Events States verfeinern Effects Effects erstellen und anwenden Die Trickkiste: Übersicht der verfügbaren Effects und Trigger Effects kombinieren Effects und ihre Events Sonderfälle Transitions Transitions mit States verknüpfen Event-Kette von States und Transitions Eins nach dem anderen: Action Effects Fine-Tuning: Filter Weitere Werkzeuge des Flex-Frameworks PopUp Drag and Drop Events einer Drag-and-Drop-Operation Custom Drag and Drop (für nicht List-basierte Komponenten) Drucken in Flex Einfaches Drucken Drucken eines DataGrids mit Druckvorlage Umgang mit lokalen Daten Einführung Daten aktuell halten: Datenbindung (Data Binding) Daten richtig strukturieren und bereitstellen: Data Model 271 IX

7 Daten aufbereiten und formatieren: Data Formatter Daten auf Gültigkeit überprüfen: Data Validation Datenfluss Data Binding Uni- und bidirektionale Inline-Datenbindung Die Tag-Variante für die Datenbindung Datenbindungen mit ActionScript realisieren Eigene Objekteigenschaften für Datenbindungen aktivieren ActionScript innerhalb einer Datenbindung Data Model Model, View und Controller (MVC) Data Model in Flex Data Formatting Formatter in MXML anlegen Formatter in ActionScript realisieren Fehler in Formatter abfangen Übersicht der Formatter-Klassen von Flex Custom Formatter programmieren Data Validation Validator in MXML anlegen Validator in ActionScript realisieren Übersicht der Validator-Klassen von Flex Pflichtfelder Manuelles Auslösen eines Validators Fehlermeldungen anpassen Custom Validator programmieren LocalConnection Externe Datenquellen und Data Centric Development Einleitung HTTP-basierte Kommunikation HTTPService WebService RemoteObject Data Centric Development Codegenerierung 382 X

8 CallResponder Fiber Model PHP und ZendAMF Voraussetzungen Ausgangspunkt PHP Ausgangspunkt Flex Ein unschlagbares Team: Flex, Java, BlazeDS und Hibernate Die Serverseite Flex-Client: Manager Flex-Client: Frontend Zusammenfassung Messaging mit BlazeDS Chat-Anwendung mit mehreren Themen Komponenten und Module entwickeln Einleitung Vorteile der modularen Entwicklung Komponenten Module Komponenten vs. Module Workflow und Aufbau einer modularen Flex-Anwendung Eigene Komponenten entwickeln Composite Components (MXML) Extended Components (ActionScript) Template Components (MXML) Komponentenentwicklung für Fortgeschrittene Component Lifecycle Darstellung und Aktualisierungsprozess von Komponenten Eine Custom Component entwickeln Komponenten kompilieren und verteilen Module ModuleLoader ModuleManager Kommunikation mit Modulen Application Domain vs. Module Domain 562 XI

9 14 Gute Programmierung, schlechte Programmierung So nicht: eng gekoppelte Programmierung Lose gekoppelte Programmierung Flex für den Desktop (Adobe AIR) Einführung in Adobe AIR Entwicklung einer AIR-Anwendung AIR-Projekt im Flash Builder erstellen Die AIR-Komponenten Spezielle AIR-Funktionen und nicht sichtbare Komponenten Veröffentlichung von AIR-Anwendungen Exportieren von AIR-Anwendungen Beispielanwendungen 591 XII