Kaufen

Drag and Drop mit Flex

aus: Adobe Flash CS3 Anwendungen entwickeln

Loggen Sie sich ein, um dieses Video-Tutorial anzusehen.

Wenn Sie noch kein video2brain Benutzerkonto haben, registrieren Sie sich jetzt kostenlos und unverbindlich. Die Registrierung dauert nur wenige Augenblicke. Sofort stehen hunderte weitere Video-Tutorials zur Verfügung – es lohnt sich!

Registrieren

Über dieses Video

Flex ist eine an Flash angelehnte Entwicklerumgebung mit Tools und Bibliotheken mit dem Ziel, möglichst einfach und effizient Rich Internet Applications ("RIAs") zu erstellen.

Auszug aus: Adobe Flash CS3 Anwendungen entwickeln

Dass Flash mehr ist, als ein Werkzeug für Web-Animationen hat sich längst herumgesprochen. Doch mit Flash CS3, Flex und ActionScript 3.0 wird eine neue Phase eingeleitet. Dieses Video-Training widmet sich der Entwicklung komplexer Rich Internet Applications auf Basis dieser modernen Technologien. Erleben Sie, wie Plattform übergreifende Anwendungen entstehen, die stabil und performant sind, aber auch optisch überzeugen.

EUR 49,95

Kaufen

Ähnliche Video-Trainings

In diesem ersten Kapitel erfahren Sie Wissenswertes zu den Neuerungen in Flash CS3, die vor allem für Programmierer überaus interessant sind. Außerdem behandelt Ihr Trainer Sascha Wolter Themen wie "Rich Internet Applications", "Der Flash Player – die virtuelle Maschine" oder hilfreiche Elemente wie den Debugger.

Einleitung

ca. 44 min
- Bei der Erstellung von anspruchsvollen Inhalten für das Web spricht man von „Rich Internet Applications“. Dabei versucht man das Beste des Internets mit dem Besten des Desktops zu kombinieren und systemübergreifend anzubieten.
  
  Rich Internet Applications
  
  06:37
- Die Flash-Plattform bietet die Werkzeuge, die Sie benötigen, um ansprechende Inhalte auf Basis der Flash-Technologie erzeugen zu können. Dabei besteht die Flash-Plattform aus einer Reihe von Anwendungen und Produkten …
  
  Plattform
  
  04:32
- Die Basis aller Flash-Anwendungen ist der Flash Player. Dieser kann als virtuelle Maschine beschrieben werden, die die von Ihnen erstellten Inhalte darstellt. Die erzeugten Inhalte werden dabei als swf-Dateien ("Small Web Format") exportiert.
  
  Der Flash Player – die virtuelle Maschine
  
  09:00
- In den folgenden Filmen stellt Ihnen Ihr Trainer die Neuerungen von Flash CS3 vor, die vor allem für Programmierer sehr interessant sind. Erfahren Sie dabei Wissenswertes zu ActionScript 3. Unter den Neuerungen: Code Collapse in Flash CS3, der Debugger unterstützt Sie bei der Fehlersuche.
  
  Flash CS3-Neuerungen für Programmierer
  - Die herausragende Neuigkeit von Flash CS3 Professional ist die Unterstützung von ActionScript 3. Diese objektorientierte Programmiersprache erlaubt es Ihnen, die neuesten Funktionen des Flash Players 9 inklusive dessen Geschwindigkeitsvorteilen zu nutzen.
    
    ActionScript 3
    
    06:53
  - Eine sehr nützliche Neuerung von Flash CS3 ist das Auf- und Zuklappen von Code. Das ist vor allem praktisch, wenn Sie sehr große Codeblöcke bearbeiten.
    
    Code Collapse und Skripthilfe
    
    03:24
  - Der Umgang mit Compiler-Fehler- bzw. Warnmeldungen bei Flash CS3 ist deutlich verbessert. Ihr Trainer zeigt Ihnen, wie Sie auf das Compiler-Fehler-Fenster zugreifen können und wie Sie darin navigieren.
    
    Compiler-Fehler
    
    01:39
  - Zur Unterstützung der Fehlersuche innerhalb eines Projekts gibt es in Flash einen so genannten „Debugger“. Nach einer Überarbeitung entspricht der Flash CS3-Debugger nun dem von Flex 2.
    
    Debugger
    
    02:10
  - In Flash CS3 Professional ist es nun sehr einfach, vorgefertigte Bewegungsabläufe aus der Zeitleiste in ActionScript-Code unter Zuhilfenahme von XML-Strukturen zu verwandeln.
    
    Kopieren von Animationen
    
    02:52
  - Die Komponenten sind in Flash CS3 neu eingeführt. Diese Komponenten unterscheiden sich jedoch in ihrer Schnittstelle und Bedienung ganz wesentlich von den Komponenten, die vorher in Flash existierten – die so genannten „Components v2“. Mehr zu diesem Thema erfahren Sie in diesem Film.
    
    Komponenten
    
    06:48
Beginnen wir mit einem einfachen Problem: Einzelne Objekte in der fertigen Anwendung sollen vom Benutzer mit der Maus verschoben werden können. Die Abschnitte lösen das mit den unterschiedlichen ActionScript-Versionen.

Erste Projekte

ca. 57 min
- Wenn Sie eine Vorgabe haben, dass auch alte Flash-Versionen Ihre Flash-Anwendung interpretieren können sollen, müssen Sie auf ActionScript 1 zurückgreifen. Dass damit auch schon viel erreicht werden kann, zeigt dieses Kapitel.
  
  ActionScript 1
  - Was ist im einfachsten Fall zu tun, damit Sie in der fertigen Anwendung ein Element mit der Maus verschieben können? Sascha Wolter realisiert das mit Hilfe von ActionScript 1-Code.
    
    Drag and Drop über Objekt (einfach)
    
    03:48
  - Wenn die Instanz einen eindeutigen Namen besitzt, kann ActionScript direkt darauf zugreifen und dem Objekt so genannte Ereignismethoden zuweisen. Das sieht etwas anders aus und kommt zum selben Ergebnis.
    
    Drag and Drop über Bild
    
    03:12
  - Sie möchten es sich ersparen, für jede Instanz diese Programmierung zu wiederholen? Dann sollten Sie zu einem der in diesem Film vorgestellten Lösungswege greifen.
    
    Drag and Drop als Komponente
    
    04:40
- Aktueller Stand ist ActionScript in der Version 2. Hier hat die Objektorientierung Einzug gehalten, außerdem gibt es einige Features, die Programmierer freuen wird.
  
  ActionScript 2
  - Als "Komponente" bezeichnet man das Ergebnis einer Verbindung zwischen einem Symbol, einem MovieClip und einer Klasse. Wie Sie damit eine Drag and Drop-Funktionalität bereitstellen, zeigt der Film.
    
    Drag and Drop als Komponente
    
    05:59
  - Bei größeren Projekten empfiehlt es sich, eine zentrale Anlaufstelle für den Programmablauf zu planen. Diese Klasse nennt man dann "Controller". Sascha Wolter definiert für diesen Fall eine migrationsfreundliche Klasse.
    
    Drag and Drop über zentrale Anwendung
    
    06:14
- Je größer das Projekt, desto mehr profitieren Sie von den Neuerungen in ActionScript 3. Einige Befehle und Konstrukte sind herausgefallen, viele neu hinzugekommen – sehen Sie sich an diesem einfachen Drag and Drop-Beispiel die geänderte Realisierung an!
  
  ActionScript 3
  - Durch die neuen Features in ActionScript 3 sieht der Code für die Drag and Drop-Funktionalität ganz anders aus: Lassen Sie sich von Sascha Wolter die Veränderungen vorführen!
    
    Drag and Drop als Komponente
    
    05:55
  - Die Nutzung einer Basisklasse spart enorm viel Aufwand: Damit ist es Ihnen schnell und einfach möglich, verschiedene andere Symbole mit den gleichen Funktionalitäten auszustatten.
    
    Drag and Drop als Basisklasse
    
    03:17
  - Die von ActionScript 1 bekannten Bildskripts lassen sich auch in ActionScript 3 einsetzen – Flash übernimmt die Konvertierung in Klassen im Hintergrund. Damit kommen Entwickler auf Wunsch an der objektorientierten Programmierung vorbei!
    
    Drag and Drop über Bild
    
    02:59
  - Sehen Sie dem Autor über die Schulter, wenn er den Code aus dem Bildskript in einen zentralen "Controller" übernimmt und an die geänderten Anforderungen anpasst.
    
    Drag and Drop über zentrale Anwendung
    
    05:35
- Auch in einer vollkommen veränderten Umgebung (Eclipse oder Apollo statt ActionScript-Editor) kommt man zum Ziel - wie Sie in diesem Abschnitt sehen können.
  
  MXML
  - Flex ist eine an Flash angelehnte Entwicklerumgebung mit Tools und Bibliotheken mit dem Ziel, möglichst einfach und effizient Rich Internet Applications ("RIAs") zu erstellen.
    
    Drag and Drop mit Flex
    
    07:23
  - Apollo hat zwar einen etwas anderen Hintergrund als Flex, die Programmierung der Drag and Drop-Funktionalität funktioniert aber nahezu identisch. Und für die Erstellung einer verteilbaren RIA-Applikation gibt es einen hilfreichen Assistenten!
    
    Drag and Drop mit Apollo
    
    07:14
In diesem Kapitel entwerfen Sie Schritt für Schritt eine datengetriebene Anwendung am Beispiel eines Aquariums, dessen Fische aus einer XML-Datei generiert werden.

Anwendungsentwicklung mit ActionScript2

ca. 146 min
- Halten Sie Ordnung, damit Sie sich nicht verzetteln. Ein umfangreiches Flash-Projekt organisieren Sie am besten systematisch in einer klaren Ordnerstruktur. Nach logischen und bewährten Standards. – Hier lernen Sie sie kennen.
  
  Organisation ist alles
  - Auf den Rechnern tummeln sich eine Menge Versionen des Flash Players, mit ActionScript 3 geht auch ein Wechsel der Programmier-Paradigmen einher. Dieser Film zeigt, woran Sie denken sollten, wenn Ihre Flash-Animationen heute überall und auch morgen noch laufen sollen.
    
    Zukunftssicher
    
    01:58
  - Die richtige Verzeichnisstruktur garantiert nicht nur Ihnen Überblick. Auch, wenn Sie im Team arbeiten oder andere Ihren Code warten müssen, gehen Sie mit Standards auf Nummer sicher.
    
    Verzeichnisse
    
    08:13
  - Eine Flash-Animation ist zu komplex für nur eine Datei. Wie die Funktionen auf welche Dateien verteilt sind, wie sie heißen und wo sie liegen, das erklärt dieser Film.
    
    Dateien
    
    10:34
- Für eine Flash-Anwendung brauchen Sie nur das richtige Herz: eine Klasse, die zentral alle weiteren Elemente verwaltet und den Ablauf steuert.
  
  Die eigentliche Anwendung
  - Die Komponente, die dem Flash-Film sagt, wo's lang geht, ist der Controller. Er bestimmt den Ablauf, reagiert auf den Benutzer und steuert Ihren Film.
    
    Controller
    
    07:57
  - Ein Objekt kommt selten allein. Wenn es aber einmal doch nur ein einziges davon geben darf, hilft ein besonderes Entwurfsmuster weiter, das neue Instanzen unterdrückt.
    
    Das Singleton-Pattern
    
    06:12
- Bausteine sind die Basis jeder einfachen Gestaltung, auch bei Flash. Egal, ob Sie fertige Elemente übernehmen, um Programmieraufwand zu sparen, oder ob Sie eigene Komponenten mehrfach in Ihrer Animation einsetzen.
  
  Bausteine
  - Erfinden Sie das Rad nicht neu. Für Oberflächenelemente greifen Sie auf vorgefertigte Lösungen aus dem Baukasten der vielen Frameworks zurück.
    
    Komponenten
    
    01:58
  - Es gibt sichtbare und nicht sichtbare Komponenten in jedem Flash-Programm. Alle sichtbaren entstammen einer gemeinsamen Basisklasse, der UIComponent.
    
    UIComponent
    
    12:49
- Grafikanwendungen stehen und fallen mit dem optischen Eindruck. Damit Ihre Animation professionell wird, setzen Sie auf einheitlichen Stil und perfekten Hintergrund.
  
  Gutes Aussehen
  - Einheitliches Aussehen für alle Oberflächenelemente: Bedienen Sie sich (nicht nur) in Adobes umfangreicher Bibliothek.
    
    Themes, Skins und Styles
    
    02:48
  - Zentrale Verwaltung Ihrer Element- und Oberflächenbibliotheken und die eingebaute Update-Funktion stellen sicher, dass Ihre Flash-Animationen sich immer im neuesten Gewand präsentieren.
    
    Skin verwenden und aktualisieren
    
    04:05
  - Ereignisgesteuerte Programmierung ist die Voraussetzung für interaktive Flash-Anwendungen. Objekte warten und reagieren auf Veränderungen an anderen Objekten oder sich selbst und reagieren auf Benutzereingaben.
    
    Neunteiliges Segmentraster
    
    08:29
- Ereignisgesteuerte Programmierung ist die Voraussetzung für interaktive Flash-Anwendungen. Objekte lauschen einander und sogar auf sich selbst, und reagieren auf Benutzereingaben.
  
  Ereignisse
  - Um Ereignisse und Objekte aneinander zu binden, übernehmen Objekte Funktionen aus der Umgebung. Noch besser: Lassen Sie die Umgebung den Mitteilungen der Objekte lauschen.
    
    Loose Coupling
    
    06:04
  - Definieren Sie Ereignisse, die ein Objekt nach oben meldet. So erfährt die Umgebung, ob ein Objekt angeklickt oder verschoben wurde.
    
    Events
    
    08:43
  - Definieren Sie Hilfsklassen, die Objekt und Event miteinander kapseln. So lauscht die Umgebung völlig unabhängig auf das, was passiert.
    
    IEventDispatcher
    
    08:54
  - Das Herz des Listener-Konzepts: Der EventDispatcher hat keine andere Aufgabe, als Methoden zu delegieren. Das macht er aber vorzüglich.
    
    EventDispatcher
    
    07:03
- Effektiv programmieren heißt auch unter Flash, Daten und Programm zu trennen. In wenigen Schritten wird in diesem Abschnitt aus einer normalen Anwendung eine datengetriebene.
  
  Daten
  - Das Model sind die Daten der Anwendung; der View ist die Darstellung. Trennen Sie beides vom Controller, der Steuerungszentrale der Flash-Animation.
    
    Model View Controller
    
    04:40
  - Pseudo-Datenbank für die einzelnen Objektdaten Ihrer Anwendung: Der ModelLocator generiert Objekte nach Wunsch.
    
    ModelLocator
    
    04:35
  - Mit der doLayout-Methode kümmert sich eine eigene, ganz einfache Funktion darum, welcher Fisch wo und wie schnell schwimmt.
    
    Layout
    
    04:27
  - Für datengetriebene Anwendungen in Flash hat der Programmierer viele Schnittstellen zur Verfügung, aber auch genauso viele Besonderheiten zu beachten. Eine Übersicht, je nach Browser, sehen Sie hier.
    
    Datengetrieben (Überblick)
    
    11:13
  - Sicherheit in Flash bedeutet, auf welche Dateien und Ressourcen die Animation zugreifen kann. Im Normalfall liegt alles auf einem Server. Worauf Sie bei verteilten Daten achten müssen, zeigt dieser Film.
    
    Sicherheit (Überblick)
    
    11:55
  - Für eine effektiv datengetriebene Anwendung müssen die Daten raus aus dem Programm und rein in eine ordentliche Struktur. Was liegt näher, als eine XML-Datei?
    
    XML
    
    13:05
In diesem Kapitel entwickeln Sie ein Flash-basiertes Katalogsystem für Immobilienmakler, das Sie in der weiteren Folge Schritt für Schritt in ein reines ActionScript-Programm umwandeln. Es ist dabei völlig unabhängig vom Flash-System, codebasiert und datengetrieben.

Anwendungsentwicklung mit ActionScript3

ca. 97 min
- Warum Sie künftig auf ActionScript 3 setzen sollten, welche Neuerungen es gibt und wie Sie trotz Komponentenfülle von Entwicklungssystemen unabhängig bleiben, darum geht es in diesem Abschnitt.
  
  Organisation ist alles
  - ActionScript 3 ist der Nachfolger des bewährten AS2. Welche entscheidenden Unterschiede zwischen den beiden Programmiersprachen bestehen und was das für den Entwickler bedeutet, sehen Sie in diesem Film.
    
    ActionScript 3
    
    01:49
  - Je nachdem, ob der Entwickler mehr Designer oder mehr Coder ist, stehen ihm verschiedene Werkzeuge zur Wahl. Kein Entweder-Oder: Beide Systeme können ihre Stärken auch nebeneinander ausspielen.
    
    Werkzeuge
    
    03:37
  - Flash glänzt bereits mit einer Fülle vorgefertigter Komponenten, aber Flex setzt noch eins drauf: Hier sind die Elemente noch flexibler und bieten ein Plus an Funktionen.
    
    Komponenten
    
    02:32
  - Welche Verzeichnisstruktur bei moderner ActionScript-Entwicklung der Standard ist, und wie Ihnen der Flex Builder dabei unter die Arme greift, zeigt dieses Video.
    
    Verzeichnisse und Dateien
    
    07:42
- Für einen ersten Entwurf bedienen Sie sich in der umfangreichen Bibliothek von Flash. Platzieren Sie Oberflächenelemente wie Checkboxen und Display-Raster und designen Sie die Benutzeroberfläche.
  
  Rapid Prototyping
  - In AS3-Anwendungen, die Flash CS3 jetzt unterstützt, wählen Sie aus noch mehr Vorlage-Komponenten, die Sie wie in einem Grafikprogramm platzieren.
    
    Flash CS3 Komponenten
    
    04:38
  - Spielen Sie mit dem Design, probieren Sie Alternativen und testen Sie die Wirkung eigener Verbesserungen: Skinning mit angepassten Styles.
    
    Design
    
    02:40
  - Wie kommen die Daten in die Anwendung? Mit einem zentralen Daten-Container erleichtern Sie sich spätere Aktualisierungen.
    
    Daten
    
    08:37
  - Wer die Wahl hat ... – Was wäre eine Kataloganwendung, in der man nicht suchen kann? Dank passender Schaltflächen ist die Auswahl leicht.
    
    Interaktiv und ereignisgesteuert
    
    01:26
  - Hier die Daten, dort die Auswahl. Eine Filterfunktion stellt die Brücke dar und lässt nur die Elemente rüber, die Sie haben wollen.
    
    Filter
    
    03:05
  - Bis jetzt ist alles nur zusammengeklopft. Um Struktur und Ordnung ins Programm zu bringen, verteilen Sie den Code auf einzelne Klassen. Hier sehen Sie, wie's am besten geht.
    
    Quick and Dirty
    
    13:28
- Um eine professionelle Anwendung zu zimmern, setzen Sie auf Programmier-Standards und lagern Module in eigene Klassen aus. Entwickeln Sie eigene Oberflächenelemente und lassen Sie diese vom Programm erzeugen.
  
  Die eigentliche Anwendung
  - Der nächste Umbau steht an: Ändern Sie den Code, so dass Sie unabhängig von einer Entwicklungsumgebung sind. Außerdem setzen Sie auf Design-Pattern, die auch andere Programmierer kennen.
    
    Refactoring
    
    02:28
  - Wenn Sie nur eine Instanz einer Klasse zulassen können oder wollen, stellen Sie das über ein Standard-Entwurfsmodell sicher: das Singleton-Pattern.
    
    Singleton Controller
    
    02:34
  - Sehen Sie in diesem Film, wie eine eigene Klasse Ihre Anwendung automatisch mit den Immobilien-Katalogdaten versorgt. Auf Abruf.
    
    ModelLocator
    
    04:52
  - Wenn Sie schon eine Filter-Funktion geschrieben haben, die so universell einsetzbar ist, wollen Sie sie auch in anderen Programmen benutzen. Also schaffen Sie eine eigene Klasse.
    
    ArrayUtility
    
    02:35
  - Richtig unabhängig und universell wiederverwendbar wird so ein ActionScript-Programm erst, wenn Sie sich die Grafiken nicht vorab zusammenklicken müssen. Also lassen Sie auch die Oberflächenelemente vom Programm setzen.
    
    Programmierte Oberfläche
    
    04:48
  - Vorgefertigte Elemente schön und gut – aber die Anwendung sollte auch eigenständig aussehen. Mit selbst entwickelten und programmerzeugten Elementen kein Problem.
    
    Eigene Komponenten (TileList)
    
    07:20
  - Was bei der Rasterfläche als Display funktioniert hat, klappt auch bei einfachen Oberflächenelementen. Möchten Sie eigene Checkboxen, bauen Sie sich einfach welche.
    
    Eigene Komponenten (CheckBox)
    
    06:36
- Für eine datengetriebene Anwendung lagern Sie den Inhalt in eine XML-Datei aus. Das steigert die Wartbarkeit und ist Voraussetzung für die effektive Nutzung in der Praxis.
  
  Datengetrieben
  - Alter Programmiergrundsatz: Daten haben im Code nichts zu suchen. Der bessere Platz ist eine XML-Datei, die der Anwender auch leichter auf dem aktuellen Stand hält.
    
    XML, URLLoader und URLRequest
    
    03:33
  - Sind die Daten ausgelagert, müssen sie aus der XML-Datei erst wieder in die Anwendung eingespielt werden. Dank passender AS3-Module ist das ganz einfach.
    
    XMLList
    
    07:01
- Die Entwicklung mit dem Flex Builder gestattet, ganz auf das Flash-Entwicklungssystem zu verzichten. Entwickeln und compilieren Sie reinen ActionScript-Code mit Flex.
  
  Und jetzt mit dem Flex Builder
  - Raus mit dem alten Zeug: Verzichten Sie auf Überflüssiges und werfen Sie die FLA-Datei mitsamt den Element-Infos einfach weg. So bauen Sie eine SWF-Datei auch ohne FLA.
    
    Editor und Compiler
    
    00:57
  - Vorhang auf mit Metatags: Welchen Code Sie brauchen, damit Bühnengröße, Bühnenbild und Bildrate stimmen, zeigt Ihnen dieses Video.
    
    Application und das SWF-Metatag
    
    01:27
  - Mit den passenden Ressourcen kommen Bilder in die Anwendung. Damit Flex diese auch findet, sagen Sie ihm, wo es suchen muss.
    
    Ressourcen und das Embed-Metatag
    
    02:43
Flex ist die aufstrebende Programmierumgebung von morgen. Setzen Sie auf Open-Source-Komponenten, freie Programme oder die komfortablen IDEs von Adobe, um nicht nur in ActionScript sichere und schnelle SWF-Anwendungen zu erstellen. Viele Beispielanwendungen in diesem Kapitel zeigen, wie's geht.

Einführung in Flex

ca. 188 min
- Die Flex-Produktlinie umfasst eine Entwicklungsumgebung, ein Runtime-Environment sowie die Flex Data Services und ist durch Zusatzkomponenten erweiterbar.
  
  Flex-Produktlinie
  - Flex verbindet unabhängige Komponenten zu einer Entwicklungsumgebung und erweitert die Möglichkeiten von Flash und ActionScript.
    
    Die Arbeitsweise von Flex
    
    12:46
  - Mit dem Flex Builder, Adobes neuer IDE, ActionScript und MXML, dem Flex-XML-Dialekt erstellen Sie einfach und schnell SWF-Anwendungen.
    
    Flex Builder, MXML und ActionScript
    
    11:39
  - Entscheiden Sie sich schon beim Anlegen eines Projekts, ob Sie eine Standard-Anwendung, ein reines ActionScript-Projekt oder eine Klassenbibliothek bauen.
    
    Projekt anlegen
    
    11:05
- MXML ist Flex' eigener XML-Dialekt. In MXML-Dateien verbinden Sie Struktur, Inhalte und Programmcode übersichtlich und als Ausgangsbasis einer eigenen Klasse.
  
  MXML
  - Vorteil einer grafischen IDE ist, die Oberflächenelemente per Drag&Drop zu platzieren und so das User-Interface zu designen. Der Flex Builder enthält – Eclipse-basiert – eine komfortable Variante.
    
    Layout-Formulare
    
    10:53
  - Sehen Sie, wie Sie mit vorgefertigten Navigations-Komponenten wie einem Tab-Navigator, der ein Registerkarten-Menü aufbaut, die Usability Ihrer Anwendungen verbessert.
    
    Navigatoren
    
    03:30
  - Verschiedene ViewStates ordnen die Fenster Ihrer Entwicklungsumgebung, je nachdem, was Sie gerade vorhaben. Benutzen Sie definierte Ansichten oder erstellen Sie Eigene.
    
    ViewStates
    
    03:52
  - Jetzt ruckelt nichts mehr! Darstellungsübergänge und öffnende Fenster harmonisieren Sie mit Übergängen, die Sie zeitlich genau steuern können.
    
    Transitions und Effekte
    
    03:14
  - Eingabeüberprüfung: Machen Sie es dem Benutzer einfach und lassen Sie nur sinnvolle Eingaben zu – oder wenigstens solche, die der Form entsprechen.
    
    Validator
    
    04:32
  - Voneinander abhängige Elemente synchronisieren Sie in Echtzeit über Bindungen. Dieser Film zeigt, wie Sie diese Funktion einsetzen.
    
    Bindungen
    
    06:28
  - Um Werte in den üblichen Formaten darzustellen, setzt Flex auf eine ganze Reihe vordefinierter Formatter-Funktionen: So schnell wird aus Zahlensalat eine hübsche Euro-Summe. Oder Dollar, wenn Ihnen das lieber ist.
    
    Formatter
    
    02:46
  - Modulare Programmierung: Lagern Sie Funktionen und Methoden in eigenen MXML-Dateien, aus denen Flex Klassen generiert werden.
    
    Komponenten
    
    07:27
  - Themes, Skins und Styles sind die Garderobe Ihrer Oberflächenelemente. Als flinker Schneider führen Sie dank Themes Kostümwechsel per Programm aus.
    
    Themes
    
    10:21
  - Skins überziehen die einzelnen Oberflächenelemente wie eine zweite Haut. Manche Schaltflächen haben sogar mehr davon, etwa UpSkins oder DownSkins eines Buttons.
    
    Skins
    
    06:56
  - Schließen Sie das Styling ab. Dank Neunteiligem Segmentraster, Hintergrund und in StyleBlocks aufgeteilte Parameter sieht Ihre Animation spitze aus.
    
    Styles
    
    07:51
- In diesem Abschnitt entwerfen Sie ein Bildbetrachtungsprogramm als Beispielanwendung, die Sie Schritt für Schritt um weitere Funktionen ergänzen.
  
  Eine datengetriebene Anwendung
  - Legen Sie für das neue Projekt die passende Ordnerstruktur an und platzieren Sie Verzeichnisse mit vorbereiteten Inhalten in den Baum.
    
    Projekt vorbereiten und anlegen
    
    02:26
  - Das Datenmodell der Bildbearbeitung ist eine Liste, in der die einzelnen Bilder enthalten sind.
    
    Modell und Liste
    
    03:09
  - Die Liste ist da, aber mit den Pfaden und Dateiendungen will der Benutzer nichts zu tun haben. Die richtige Filterfunktion extrahiert nur die Dateinamen.
    
    LabelFunction und reguläre Ausdrücke
    
    03:06
  - Um die Bilder darzustellen, brauchen Sie ein eigenes Display. Diese Funktion übernimmt eine TileList, die eine eigene Funktion aus der Datenbank befüttert.
    
    TileList und ItemRenderer
    
    05:53
  - Wenn die Spezialfunktion schon Bild für Bild aus dem Archiv zieht, soll sie gleich noch weitere Infos einholen und herausrücken. Hier sehen Sie, wie's geht.
    
    Komplexer ItemRenderer
    
    03:47
  - Alle Fenster up-to-date. So synchronisieren Sie mit Bindungen die Ausgabe des einen Feldes mit der Eingabe des Anderen.
    
    Bindungen
    
    07:02
  - Lagern Sie die Bilddatenbank in eine eigene Quelle aus, etwa in eine XML-Datei, brauchen Sie eine Routine, die die Daten von dort holt. Für XML-Dateien nutzen Sie am besten den HTTPService.
    
    HTTPService
    
    03:17
  - Fehlersuche ist das halbe Programmieren. Um Ihnen die Entwicklung leicht zu machen, hat Flex Builder einen komfortablen Debugger mit an Bord.
    
    Debuggen
    
    04:25
  - Dank einfacher ActionScript-Funktionen erweitern Sie die Beispielanwendung um Color-Management: Machen Sie die Bilder bunt.
    
    ActionScript
    
    05:00
  - Multimedia: Lassen Sie Musik abspielen und nutzen Sie die Wave-Form, um Ihr Programm zu steuern. Sound-Visualisierung im Bildbetrachter.
    
    Sound
    
    03:53
  - In Ihre Flex-Anwendung lassen sich ganz schnell auch Videos einbetten. Dieser Film zeigt Ihnen, worauf Sie dabei achten müssen.
    
    Video
    
    01:57
- Die Flex Data Services erweitern die Client-Server-Fähigkeiten Ihrer Flex-Anwendung um Datenmanagement, RPC oder Messaging-Funktionen. Ein selbstgebauter Chat macht Spaß.
  
  Messaging und DataManagement
  
  12:37
- Apollo setzt auf Flex noch eins drauf: Adobes Alpha-Version der Entwicklungsumgebung für Web-Standards zeigt, wohin die Zukunft führt.
  
  Vorschau auf Apollo
  - Widgets sind eigenständige Programme, die die Systemfunktionen ausnutzen, aber auch darüber hinaus reichen. Selbst die Fenster sind unabhängig.
    
    Lightweight Desktop Application
    
    07:54
  - Eine Apollo-Anwendung ist mit dem Flex Builder genauso schnell angelegt, wie ein Flex-Projekt. Die einzige Voraussetzung: Das Apollo-Plugin muss installiert sein.
    
    Projekt im Flex Builder anlegen
    
    01:19
  - Die zentralen Einstellungen des Apollo-Projekts treffen Sie in einer zentralen XML-Datei. Apollo hat sein eigenes Aussehen, besteht aber nicht darauf.
    
    Konfiguration und Fenstermodus
    
    03:01
  - Mit der richtigen Apollo-Komponente platzieren Sie einen Dateibrowser für das lokale Dateisystem in Ihrer Anwendung. Am Beispiel eines File-Readers sehen Sie, wie einfach das ist.
    
    Dateisystem
    
    05:51
  - So bringen Sie Ihr Projekt an den Mann: Ein paar Mausklicks, und schon haben Sie Ihre Anwendung als portables Archiv gepackt, das der Benutzer per Doppelklick installiert.
    
    Packen und Vertreiben
    
    02:27
  - Ein fertiges Flex-Projekt nach Apollo zu migrieren, ist einfach. Kopieren Sie ein paar Dateien und Folder, und damit hat es sich schon.
    
    Migration von Flex 2 nach Apollo
    
    03:25
  - Weil Apollo auf Web-Standards setzt, brauchen Sie für Webseiten keinen externen Browser mehr zu öffnen. Öffnen Sie beliebige URLs doch im Hintergrund Ihrer Anwendung.
    
    HTML
    
    03:44
In diesem Kapitel bringt Ihnen Ihr Trainer die Anwendung Flash CS3 näher. Diese Annäherung unterscheidet sich von "herkömmlichen Anfängerlektionen" dahingehend, dass Sie die Anwendung aus der Sicht der Programmierung erklärt bekommen. Frei nach dem Motto: "Vom Programmierer für Programmierer".

Bonuskapitel: Crashkurs Flash

ca. 158 min
Noch einmal von vorne: Die Programmierung mit ActionScript ist keine Geheimkunst, fast alles könnten Sie bereits von anderen Programmiersprachen kennen. Dieses Kapitel beginnt bei den Grundlagen der Skripterstellung und geht hinauf bis zur objektorientierten Programmierung in ActionScript 3.

Bonuskapitel: Actionscript Essentials

ca. 264 min
In diesem Film sehen Sie ein Interview zwischen Sascha Wolter und Martin Buchmann, Business Development Manager von Adobe Systems. Erfahren Sie dabei Interessantes direkt aus Profihand rund um Rich Internet Applications und die Flash-Plattform.

Präsentation: Rich Internet Applications

20:27

Drag and Drop mit Flex

aus: Adobe Flash CS3 Anwendungen entwickeln

Über dieses Video

Auszug aus: Adobe Flash CS3 Anwendungen entwickeln

Filminformationen