Kaufen

Application Layout (Container)

aus: Adobe Flex 3

Setup Adobe Flex 3
Application Layout (Container) Adobe Flex 3
Custom MXML Components Adobe Flex 3
Events (System/User) Adobe Flex 3

Über dieses Video

Das Flex-Framework unterteilt sich in die zwei Komponenten "non-visuell" und "visuell". Visuelle Komponenten unterscheiden zwischen Controls und Containern. Sehen Sie mehr dazu in diesem Video.

Dieses Video-Training bringt Developern die Arbeit mit MXML und ActionScript 3, dem Flex Framework sowie AIR näher. Zusätzlich wird die Zusammenarbeit mit Blaze DS, LiveCycle DS, ColdFusion und Flash Media Server behandelt.

EUR 49,95

Kaufen

Ähnliche Video-Trainings

Bonusmaterial

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
Bringen Sie Farbe ins Spiel: Das schnelle und einfache Zeichnen von Füllungen mit beginFill, beginBitmapFill und endFill erläutert dieser Film.

Vektor- und Bitmap-Füllungen

06:07

In diesem Kapitel lernen Sie grundlegende Begriffe zu Flex 3 kennen. Sie erfahren auch, wie Sie Cascading Stylesheets in Flex einsetzen oder unterschiedliche Layouts mit Variablen steuern.

Flex 3 Grundlagen Teil 1
- In diesem Video erhalten Sie einen Überblick über das Setup, das in den Beispielen dieses Video-Trainings überwiegend zum Einsatz kommt.
  
  Setup
  
  00:41
- Das Flex-Framework unterteilt sich in die zwei Komponenten "non-visuell" und "visuell". Visuelle Komponenten unterscheiden zwischen Controls und Containern. Sehen Sie mehr dazu in diesem Video.
  
  Application Layout (Container)
  
  04:23
- Die Container unterscheiden im Flex-Framework die Bereiche Layout-Container und Navigations-Container. Die Navigations-Container benötigen Sie für die Anwendungsnavigation. In diesem Video sehen Sie eine Implementierung beider Container-Varianten.
  
  Application Navigation
  
  04:35
- Constraints verwalten Größe und Position von Komponenten in Relation zur umgebenden Komponente. Sehen Sie sich die Verwendung anhand eines Beispiels an.
  
  Constraint based Layout
  
  05:40
- Databinding ist gerade im Zusammenwirken mit Flex-Frameworks leistungsfähig. Dieses Zusammenspiel demonstriert Ihnen der Autor in diesem Film.
  
  Controls und Databinding
  
  02:47
- Mit Cascading Stylesheets können Sie innerhalb einer Flex-Anwendung bestimmte Layout-Komponenten in Stylesheets auslagern. Diese Stylesheets sind mit denen aus HTML vergleichbar.
  
  CSS Stylesheets
  
  03:19
- In Flex können Sie permanent während des Debugging verschiedene Breakpoints setzen, Variablen überwachen und natürlich diese auch zur Laufzeit ändern. Dieses Video gibt mehr Aufschluss darüber.
  
  Debugging und Breakpoints
  
  02:33
- ActionScript gewährleistet in Flex-Anwendungen die Interaktivität, Datenzugriff und Datenmanagement, erlaubt, mit Events zu arbeiten und definiert die Business-Logik. Mehr zu ActionScript erfahren Sie in diesem Film.
  
  AS3 Programming Language
  
  04:25
In diesem Kapitel stellt Ihnen der Autor weitere Flex-Grundbegriffe vor. Sie lernen Übergänge zwischen einzelnen Zuständen kennen, auf Ereignisse zu reagieren, und einiges mehr.

Flex 3 Grundlagen Teil 2
- Es gibt zwei zentrale Techniken im Umgang mit dem Flex Builder. Das ist zum einen das Erstellen neuer Klassen und Komponenten und zum anderen das Erweitern bestehender Klassen und Komponenten im Flex Framework.
  
  Custom MXML Components
  
  03:49
- Events sind ein wichtiger Bestandteil innerhalb des Flex Frameworks. Die Unterscheidung der Events erfolgt in den zwei Ebenen System-Events und User-Events. Wie Sie damit arbeiten, sehen Sie in diesem Video.
  
  Events (System/User)
  
  05:11
- Jedes Mal, wenn das Framework oder eine Komponente daraus ein Event dispatcht, schickt es gleichzeitig ein Event Object. Dieses Event Object liefert auch weitere Informationen ...
  
  Event Object
  
  05:24
- Um eine direkte Referenzierung von Instanznamen oder unterschiedlichen Eigenschaften in MXML-Komponenten zu vermeiden, bietet es sich an, eigene Events zu erzeugen, die alle weiteren Applikationen informieren. Hier sehen Sie dazu ein Beispiel.
  
  Custom Events
  
  11:53
- Zum dynamischen Prüfen bestimmter Events stellt das Flex-Framework eine Add-EventListener-Methode zur Verfügung. Diese überprüft in ActionScript Events eines bestimmten Typs. Sehen Sie mehr dazu in diesem Video.
  
  Event Listeners
  
  02:49
- States oder auch eine Ansammlung von Änderungen in einem View werden häufig in unterschiedlichsten Szenarien benutzt. Ein Beispiel dafür ist ein Login-Szenario. Sehen Sie selbst.
  
  View States
  
  07:33
- Für ein besseres Erscheinungsbild definieren Sie Übergänge zwischen den States. Wie Sie diese "Transitions" verwenden, lernen Sie in diesem Film.
  
  Transitions
  
  09:18
- Daten innerhalb einer Flex-Applikation validieren Sie mit bestimmten Klassen innerhalb des Flex-Frameworks. In diesem Video lernen Sie die Validatoren "Email" und "Number" kennen.
  
  Validators Simple
  
  03:39
- Welche unterschiedlichen Events Sie für Validatoren benutzen können, erfahren Sie in diesem Video. Geprüft wird auf die Eigenschaften "valid" und "invalid".
  
  Validators Complex
  
  03:42
- Zum Formatieren von Benutzereingaben in einer Flex-Anwendung bietet es sich an, die Formatter-Klassen innerhalb des Flex-Frameworks zu benutzen. Hier sehen Sie ein Beispiel einer Währungsformatierung.
  
  Formatters Simple
  
  02:54
- Möchten Sie Daten in Ihrer Flex-Applikation auf eine ganz spezielle Art und Weise formatieren, so können Sie auch Basisformatklassen erweitern. Wie das geht, sehen Sie in diesem Film.
  
  Formatters Complex
  
  07:26
Flex Builder 3 baut auf den Funktionen von Flex Builder 2 auf. Sie finden Funktionen für die Projektunterstützung, den visuellen Layoutfunktionen, aber auch die inkrementelle Kompilierung oder die Debug-Funktionalität. In diesem Kapitel lernen Sie die Neuerungen in Flex 3 kennen.

Neue Funktionen in Flex 3
- Neu ist der Startbildschirm in Flex, der unterschiedliche Direkteinstiege in Tutorials auf den Webseiten von www.adobe.com ermöglicht.
  
  Startbildschirm in Flex
  
  01:48
- Eine der Neuerungen in Flex Builder 3 ist bereits bei der Erstellung von neuen Projekten sichtbar. Der Wizard für die Projekterstellung von Flex-Applikationen oder Air-Applikationen bietet viele neue Funktionalitäten. Sehen Sie selbst.
  
  Wizard bei der Projekterstellung
  
  02:26
- Eine der neuen Unterstützungen bei der Entwicklung von Flex- oder Air-Applikationen in Flex-Builder ist das "Refactoring". Was das bedeutet, erfahren Sie in diesem Video.
  
  Unterstützung durch Refactoring
  
  02:42
- Ein wichtiger Teil bei der Erstellung von Flex- oder Air-Applikationen ist die Gestaltung (Skinning). Flex 3 bietet für Skins eine neue Importfunktion, die es ermöglicht, Gestaltungselemente aus anderen Anwendungen zu integrieren.
  
  Designvorlagen importieren
  
  03:39
- Eine neue Funktion in Adobe Flex 3 Builder unterstützt die Funktion zur Erstellung von Cascading Stylesheets. Sehen Sie sich die Verwendung dieser Funktion in einem Projekt an.
  
  CSS im Flex Builder-Designmode erstellen
  
  05:21
- Mit einem neuen Import-Wizard importieren Sie automatisch alle zugehörigen Klassen, Methoden, Services und Objekte. Sie sehen in diesem Video, wie Sie bei der Arbeit mit Webservices durch diese neue Funktion unterstützt werden.
  
  Import von Webservices
  
  02:53
- Ein weiteres AddOn zur Steigerung der Produktivität, das nur in der Version Flex Builder 3 Professional enthalten ist, sind die Performance- und Memory-Profiler. Diese geben auf einfache Weise Überblick über die verwendeten Ressourcen.
  
  Performance- und Memory-Profiler
  
  01:54
- Eine neue Funktion für das Erstellen einer Release-Version verbirgt sich im Menü "Project". In dieser Lektion lernen Sie auch die Bereinigungs-Funktion für Ihr Projekt kennen.
  
  Release-Version erstellen
  
  03:03
- Oft ist eine Flex-Applikation nur ein kleiner Bestandteil einer Webseite. Dabei ist es besonders wichtig, einen Kommunikationskanal für externe Anwendungen zur Verfügung zu stellen. Wie Sie das mit der integrierten Funktion "Ajax Bridge" erreichen, erfahren Sie in diesem Film.
  
  Kommunikationskanal mit Ajax Bridge
  
  03:07
- Neu in Flex Builder 3 ist die Erstellung und Paketierung von Flex-Anwendungen als lauffähige AIR-Applikation. Sehen Sie in diesem Video, wie Sie schnell AIR-Anwendungen erstellen können.
  
  AIR Support
  
  03:01
In diesem umfangreichen Kapitel lernen Sie die vielen Varianten der Datenintegration von Adobe Flex 3 kennen. Es werden Ihnen auch einige Methoden vorgestellt, mit denen Sie mit externen Anwendungen kommunizieren können.

Flex 3 Datenintegration
- In diesem Abschnitt lernen Sie den Umgang mit ArrayCollections kennen. Zu den vorgstellten Methoden gehören Sortieren, Filtern, das Entfernen von Duplikaten und die Speicherung der Daten.
  
  Daten-Handling bei ArrayCollections
  - ArrayCollections bieten unterschiedliche Methoden, um die abgelegten Daten zu verändern oder zu löschen. Wie Sie dabei vorgehen, sehen Sie hier an einem Beispiel.
    
    Datenhandling bei ArrayCollections
    
    06:44
  - Um eine ArrayCollection zu sortieren, übergeben Sie deren Sort-Eigenschaft eine passende Sort-Klasse. In dieser Klasse definieren Sie unterschiedliche Sortierungsfelder.
    
    Sortierung einer ArrayCollection
    
    02:31
  - Mit einer Funktion filtern Sie Daten in Ihrer ArrayCollection. Die Filterfunktion hat die Aufgabe, einen bestimmten Zustand zu prüfen und davon abhängig "True" oder "False" zurückzugeben. Sehen Sie mehr dazu in diesem Video.
    
    Filtern einer ArrayCollection
    
    02:57
  - Für das Entfernen von Duplikaten in einer ArrayCollection gibt es mehrere Ansätze. In diesem Video sehen Sie eine mögliche Variante.
    
    Duplikate in ArrayCollections entfernen
    
    03:52
  - Um Daten auch nach dem Beenden einer Flex-Anwendung auf dem Client-PC zu behalten, können Sie sich die "local shared objects" des Flashplayers zu Nutze machen. Die abgespeicherten Daten sind nur für den Benutzer sichtbar. Sehen Sie selbst.
    
    Datenspeicherung - Local Shared Objects
    
    03:23
- In diesem Abschnitt erfahren Sie, wie verschiedene Services an Ihre Flex-Applikation gebunden werden können. Zudem sehen Sie, wie die Kommunikation mit Java-Klassen funktioniert.
  
  RPC Services
  - Um genauer zu verstehen, wie ein HTTP-Service-Scroll aufgebaut und ausgewertet wird, greift der Autor auf "Twitter"-Daten zu. "Twitter" ist ein Service, ähnlich einer SMS in Kurzform. In diesem Film geht es darum, die zur Verfügung stehenden Daten der Anwendung in einer Flex-Anwendung abzufragen und darzustellen.
    
    Anbindung eines HTTP-Services
    
    05:41
  - Die Integration von Web-Services in Flex-Anwendungen läuft über den mx:webservice, in dem Sie mehrere Parameter und die jeweiligen Operationen spezifizieren, die Sie abrufen möchten.
    
    Anbindung komplexer Web-Services
    
    02:17
  - Ein neuer Ansatz, in Flex Builder 3 mit Webservices zu arbeiten, ist der Webservice-Import Wizard. Dieser überprüft alle verfügbaren Operationen und erstellt automatisch alle benötigten Klassen und Services. Sehen Sie selbst.
    
    Import von Webservices mit dem Wizard
    
    04:05
  - Um mit Java-Klassenmethoden zu kommunizieren, benutzt der Autor in diesem Beispiel den unter http://opensource.adobe.com verfügbaren Service "BlazeDS". Wie Flex Builder bereits bei der Erstellung eines neuen Projekts diese Daten integrieren kann, erfahren Sie in diesem Video.
    
    Remote Object Aufruf an Java Klassen
    
    07:50
  - Es ist möglich, zwischen der Flex-Applikation und den Java-Methoden typisierte Objekte auszutauschen. Den Vorgang sehen Sie in diesem Beispiel.
    
    Austausch von typisierten Objekten
    
    01:38
  - Die Angaben zu den unterschiedlichen Gateways im BlazeDS-Server sind variabel. Wie Sie die Kommunikation mit einer Destination bei einem benutzten Gateway zur Laufzeit konfigurieren, erfahren Sie in diesem Video.
    
    Kommunikation zur Destination
    
    02:08
- Den Umgang mit und die Funktion des Lifecycle-Data-Services (LCDS) sowie die damit verbundene Kommunikation lernen Sie in diesem Abschnitt kennen. Mit den hier vorgestellten Methoden gehen Sie weit über klassische Funktionen hinaus.
  
  Messaging und Daten-Synchronisation
  - Beim Aufbau von Anwendungen, die Messaging benutzen, legen Sie alle Informationen zur Destination und den benutzten Channels in der Config.xml-Datei ab. Wie einfach Sie mit dem BlazeDS-Server oder auch den Lifecycle-Data-Services Echtzeitdaten integrieren, erfahren Sie in diesem Film.
    
    Datenkommunikation mit LCDS
    
    05:13
  - Die Datamanagement-Funktionen in den Lifecycle-Data-Services sind wichtige Alleinstellungsmerkmale dieser Services. Damit entwickeln Sie Anwendungen, die weit über das klassische Request und Response hinausgehen. Sehen Sie hier ein Beispiel einer synchronisierten Anwendung.
    
    Datensynchronisation über LCDS
    
    03:22
  - PDFs mit den Lifecycle-Data-Services zu erzeugen, ist einfach. Sie erzeugen ein XDP, extrahieren das Datenmodell und benutzen dieses als Transferstruktur für die Daten aus einer Flex-Anwendung.
    
    PDF-Erstellung aus LCDS
    
    02:58
- Der Erfolg von Video-Plattformen liegt auf der Hand. Doch wie kompliziert ist die Integration von Video und Audio in einer Flex- oder AIR-Anwendung? Im ersten Teil dieses Abschnitts beschäftigen Sie sich mit der Integration von Webcam und Mikrofon und der Kommunikation mit dem Flash Media Server. Danach folgt der Live-Stream.
  
  Mediadaten über Flash Media Server
  - In diesem Video stellt Ihnen der Autor die für diesen Abschnitt erforderlichen Produkte vor. Verwendung findet hier der Adobe Flash Media Server. Sehen Sie selbst.
    
    Setup
    
    01:37
  - Im ersten Teil starten Sie mit der Initialisierung der Kamera und des Mikrofons. Welche Komponenten Sie dazu verwenden, erfahren Sie in diesem Video.
    
    Initialisierung von Kamera und Mikrofon
    
    04:29
  - Die Verbindung zum Flash Media Server (FMS) soll gleich beim Start erfolgen. In diesem Film zeigt Ihnen der Autor, wie Sie den Verbindungsaufbau erfolgreich durchführen.
    
    Verbindung zum Flash Media Server
    
    12:09
  - Nach dem Verbindungsaufbau zum Flash Media Server können Sie mit dem Streaming der Daten beginnen. Welche Schritte dafür erforderlich sind, erfahren Sie in diesem Video.
    
    Videos über FMS aufzeichnen
    
    10:53
  - Im letzten Teil erfahren Sie, wie Sie die Videos darstellen können. Vorher müssen jedoch noch einige Einträge vorgenommen werden.
    
    Darstellung der Videos
    
    06:52
- Die Integration von ColdFusion Backend-Services in Flex-Applikationen ist einfach zu bewerkstelligen. Flex Builder unterstützt Sie bereits bei der Projekterstellung. Mehr dazu erfahren Sie in diesem Abschnitt.
  
  ColdFusion und Flex
  - Geben Sie bei der Projekterstellung als Backend-Service ColdFusion an, so fügt Flex automatisch ein Server-Compiler-Element hinzu. In dem angegebenen Ordner sind weitere interessante Dateien abgelegt. Wie Sie diese für die Kommunikation mit einem ColdFusion-Server einsetzen, erfahren Sie in diesem Film.
    
    Aufruf der ColdFusion Component (CFC)
    
    04:12
  - Auf dem ColdFusion-Server ist auch eine Messaging.xml-Datei verfügbar. Das heißt, dass mit einem ColdFusion-Server auch Messaging möglich ist. In diesem Video sehen Sie mehr dazu.
    
    Flex Eventgateways
    
    02:02
Flex kann in unterschiedlichen Anwendungen zum Einsatz kommen. Eine besondere Stärke des Frameworks liegt jedoch in den Charting-Komponenten. In diesem Kapitel sehen Sie in vier kleinen Schritten, wie Sie Unternehmenskennzahlen in einem Dashboard entwickeln.

Flex 3 Datenvisualisierung
- Im ersten Teil beschäftigen Sie sich ausschließlich mit den UI-Elementen. Im zweiten Teil lesen Sie Daten aus einer XML-Datei ein. Im Anschluss folgt die Formatierung der Charts. In diesem Video sehen Sie das Ergebnis der Arbeit.
  
  Überblick über die Datenvisualisierung
  
  01:02
- Im ersten Schritt erstellen Sie das Grundlayout, welches auf zwei Panel-Komponenten, Control-Bars, Pie-Chart und einem Column-Chart basiert. Sehen Sie sich den Aufbau im Video an.
  
  Erstellen des Grundlayouts
  
  02:16
- Die Daten, die dieses Beispiel darstellt, stammen aus einer XML-Datei. Welche Schritte dabei erforderlich sind, zeigt Ihnen der Autor in diesem Video.
  
  Datenanbindung an die Charts
  
  09:25
- In diesem Video zeigt Ihnen der Autor, wie Sie die Charts weiter verfeinern und formatieren. Sie werden Data-Tipps der Elemente im Chart anzeigen und Achsenbeschriftungen einstellen.
  
  Charts formatieren
  
  09:55
- Flex bietet eine Vielzahl beeindruckender Effekte an, beispielsweise den SeriesInterpolate-Effekt. Sehen Sie in diesem Film, wie Sie mit nur wenigen Zeilen Effekte auf Charts anwenden können.
  
  Ereignisse und Effekte in Charts
  
  05:57
Dieses Kapitel beschäftigt sich mit den verschiedenen Anpassungsmethoden für Ihre Flex-Anwendung. Sie lernen Effekte und Filter zu integrieren, Schriftarten zu implementieren oder Styling-Informationen zur Laufzeit zu ändern.

Anpassungen der Flex-Applikation
- In diesem Abschnitt lernen Sie, wie Sie Ihre Flex-Anwendungen optisch aufbessern. Die hier vorgestellten Möglichkeiten sind die Styles, Filter und Effekte. Sehen Sie selbst.
  
  Styles, Filter und Effekte
  - Wenn Sie das Erscheinungsbild der Komponenten einer Flex-Anwendung anpassen möchten, erreichen Sie das auf zwei unterschiedliche Wege: Verwenden Sie die Styling-Eigenschaften der Komponenten oder integrieren Sie Cascading Stylesheets.
    
    Inline-Styles und CSS Style Definitionen
    
    03:56
  - Innerhalb des Flex-Frameworks gibt es ein Filter-Package. Diese Filter, wie DropShadow oder Blur-Filter, können Sie direkt an Ihre Anwendung anhängen.
    
    Verwendung von Filter
    
    06:52
  - Weiche Übergänge in Ihrer Flex-Anwendung erstellen Sie mit Effekten. Sehen Sie in diesem Film anhand eines einfachen Beispiels, wie Sie Effekte einsetzen.
    
    Effekte verwenden
    
    04:10
- In diesem Abschnitt erfahren Sie, wie Sie zur Laufzeit Styling-Eigenschaften verändern, erzeugen oder löschen. Durch die Verwendung von ActionScript können Sie bereits beim Starten einer Anwendung Styles anpassen.
  
  Die Klasse "StyleManager"
  - Zur Laufzeit können Sie auf Styling-Eigenschaften zugreifen - über die Methoden "setStyle" und "getStyle". Mehr dazu sehen Sie in diesem Video.
    
    Methoden "setStyle" und "getStyle"
    
    02:43
  - Möchten Sie beispielsweise beim Starten einer Anwendung per ActionScript neue Styles setzen oder bestehende Styles verändern, verwenden Sie die Klasse "StyleManager". Welche Parameter dabei übergeben werden, erfahren Sie in diesem Film.
    
    Setzen von Styles mit StyleManager
    
    03:00
  - Möchten Sie innerhalb einer Flex-Anwendung neue Stylesheet-Klassen mit ActionScript erzeugen, so nutzen Sie die CSS-Style-Declarations. Sehen Sie selbst.
    
    Stylesheet Klassen mit ActionScript
    
    02:41
  - Style-Definitionen zur Laufzeit zu verändern kann in ActionScript aufwändig sein. Deshalb steht Ihnen die Technik zum Laden und Entladen von CSS-Dokumenten zur Laufzeit zur Verfügung. Die Basis hierfür bildet eine CSS-Datei.
    
    Laden von CSS zur Laufzeit
    
    02:48
- In diesem Abschnitt zeigt Ihnen der Autor "Skinning". Um Grafiken leichter anzupassen nutzen Sie einen Wizard.
  
  Grafische Anpassung von Skinning
  - Mediendaten können über zwei verschiedene Wege in Flex eingebettet werden. In diesem Video sehen Sie die Implementierung beider Varianten.
    
    Einbinden von Mediendaten
    
    01:57
  - Über die neuen CSS-Design-Wizards in Flex Builder passen Sie Komponenten grafisch an. In dieser Lektion lernen Sie zwei unterschiedliche Techniken dafür kennen.
    
    Grafische Anpassungen von Buttons
    
    04:15
  - Möchten Sie mehrere Skin-Dateien zugleich in Ihre Flex-Applikation importieren, nutzen Sie die neue Funktion SkinArtWork-Wizard in Adobe Flex Builder 3.
    
    Import von Skin mit dem Wizard
    
    02:21
  - Die Integration statischer Flash-Filme als Skin-Dateien startet in der Autorenumgebung Flash CS3. Wie Sie diese statischen Movies in Ihre Flex-Anwendung einbauen, erfahren Sie in diesem Film.
    
    Einbinden von statischen SWF-Dateien
    
    01:18
- Welche Möglichkeiten für Flex-Anwendungen mit dem Flex Component Kit offen stehen, erfahren Sie in diesem Abschnitt. Flex Component Kit ist auch ein Werkzeug zur Erstellung neuer Komponenten.
  
  Der Flex Component Kit
  - Mit dem Flex Component Kit erhalten Sie in der Autorenumgebung Adobe Flash CS3 eine perfekte Integration für die Erstellung von Skins oder neuer Komponenten für das Flex Framework.
    
    Skinning mit dem Flex Component Kit
    
    02:51
  - Das Flex Component Kit hilft nicht nur bei der Erstellung neuer Skins für Flexkomponenten - Sie können damit auch neue Framework-Komponenten erstellen. Das zeigt Ihnen der Autor an einem Beispiel in diesem Video.
    
    Neue Komponenten erstellen
    
    04:29
  - Welche der bereits im Flex Framework enthalten Funktionen können mit dem Flash Komponenten Kit in der Flash CS3 Autorenumgebung eingefügt werden? Eine Antwort darauf gibt dieser Film.
    
    View States in Flash CS3 definieren
    
    05:18
- In diesem Abschnitt lernen Sie, wie Sie in Ihrer Flex-Anwendung Schriftarten verwalten bzw. integrieren. Beachten Sie, dass Anwendungsdateien dadurch schnell sehr groß werden können. Aber auch dafür gibt es Abhilfe. Sehen Sie selbst.
  
  Schriftarten in Flex-Anwendungen
  - Möchten Sie eigene Schriftarten in Ihre Flex-Anwendung integrieren, benutzen Sie einen definierten Tag. Welche Eigenschaften dabei übergeben werden, erfahren Sie in diesem Video.
    
    Schriften integrieren
    
    01:34
  - Eine weitere Integration von Schriftarten erfolgt über ActionScript. Der Autor zeigt Ihnen diese Variante der Schriftintegration anhand eines Beispiels.
    
    Schriftarten mit ActionScript integrieren
    
    01:35
  - Integrieren Sie in Ihre Flex-Applikation Schriftarten, kann die Datei sehr groß werden. Das liegt daran, dass alle Outline-Informationen eingebettet werden. Mit einer Technik des Flash-Autorenwerkzeugs implementieren Sie Schriften in einer Flash-Datei.
    
    Schriftintegration über Flash
    
    01:34
- Die Integration von Drag&Drop-Funktionen in Flex ist besonders einfach, wenn Sie mit listenbasierten Komponenten arbeiten. Sehen Sie sich ein einfaches Beispiel an.
  
  Listenbasierte Steuerung
  
  02:16
Die Mehrsprachigkeit ist in Flex- und AIR-Anwendungen ein zentrales Thema. Hierfür gibt es unterschiedliche Ansätze. Erfahren Sie mehr darüber in diesem Kapitel.

Lokalisierung und Mehrsprachigkeit
- Um mehrere Sprachen in SWF-Dateien nachzuladen, benötigen Sie zunächst eine Kopie der aktuellen Framework-Version in englischer Sprache. Hier stehen verschiedene Tools zur Verfügung. In diesem Video lernen Sie die Methode "copy locales" kennen.
  
  Methode "copy locales"
  
  01:41
- Mehrsprachige Flex- und AIR-Anwendungen unterstützen drei unterschiedliche Ansätze. In diesem Video lernen Sie den einfachsten Ansatz kennen. Vorsicht bei den Einstellungen!
  
  Mehrsprachigkeit über Resource Properties
  
  05:34
- Ein Sprachwechsel innerhalb einer Anwendung soll funktionieren, ohne die komplette Anwendung neu laden zu müssen. Wie Sie das in Flex machen, erfahren Sie in diesem Film.
  
  Spracheinstellungen zur Laufzeit ändern
  
  04:26
- Den Nachteil, dass alle Property-Dateien in die Flex-Anwendung compiliert sind, umgehen Sie mit "Resource Modules". Diese geben die Möglichkeit, "Resource-Bundles" bei Bedarf nachzuladen.
  
  Arbeit mit Resource Modules
  
  05:17
AIR bietet Möglichkeiten, die Sie in Flex-Anwendungen nicht finden. Dieses Kapitel gibt grundlegende Informationen für den Umgang mit AIR-Projekten, die Integration von HTML- und PDF-Seiten, den Zugang zum Dateisystem sowie die Speicherung von Benutzerdaten in SQL-Datenbanken.

AIR Projekte
- Die Erstellung eines neuen AIR-Projekts mit dem neuen Flex Builder 3 ist einfach, denn alle benötigten Komponenten sind integriert. Sehen Sie selbst.
  
  AIR Projekt erzeugen
  
  01:25
- Jedes Mal, wenn Sie mit dem Adobe Flex Builder ein neues AIR-Projekt erstellen, wird gleichzeitig ein Adobe AIR-Descriptor-File erstellt, welches sich im Hauptverzeichnis befindet. Sehen Sie mehr dazu in diesem Film.
  
  Basisinformationen zum AIR-Projekt
  
  09:50
- Eines der wichtigsten Merkmale von Desktopanwendungen sind verschiedene Fenster mit unterschiedlichen Funktionen. Das gilt auch für AIR-Anwendungen. Wie Sie das umsetzen, erfahren Sie in diesem Video.
  
  Fenster in einer Desktopanwendung
  
  04:29
- Mit den erweiterten Funktionen des AIR-SDKs kommen ein paar neue Komponenten hinzu. Zwei dieser Komponenten, "FileSystemTree" und "FileSystemDataGrid", lernen Sie in diesem Film kennen. Damit verschaffen Sie sich Zugang zum Dateisystem.
  
  Zugang zum Filesystem
  
  03:32
- Die File-Klasse des AIR-SDK bietet unterschiedliche Möglichkeiten, einen Benutzer Verzeichnisse oder Dateien auswählen zu lassen. In diesem Video sehen Sie ein Beispiel.
  
  Zugang zum Filesystem mit AS3
  
  07:45
- Fast jede Desktopanwendung hat Voreinstellungen. Voreinstellungen benötigen Sie beispielsweise, wenn sich die Anwendung nach dem Schließen wieder an der selben Stelle und Größe öffnen soll. Ein Weg dorthin ist, diese Informationen in eine XML-Datei zu schreiben.
  
  Voreinstellungen für Desktopanwendungen
  
  10:24
- HTML-Inhalte in eine Flex-Anwendung zu integrieren, ist nur eingeschränkt möglich. AIR geht hier einen anderen Weg: Dank des enthaltenen WebKits ist in AIR-Anwendungen alles einsetzbar, das Webbrowser darstellen können.
  
  HTML Integration
  
  04:09
- Integrieren Sie PDF-Dateien in Ihre AIR-Anwendung! Für die Darstellung benutzt die Runtime eine Readerinstanz, die auf dem Desktop-PC verfügbar ist.
  
  PDF Integration
  
  07:33
- AIR bietet eine neue Möglichkeit, Daten lokal auf den Benutzer-PC zu speichern: SQL-Datenbanken. Dafür ist die SQL Lite Engine in AIR integriert.
  
  Speichern von Daten in SQL-Datenbanken
  
  05:45
- Mit der SQL-Statement-Klasse können Sie nicht nur Datenbanktabellen erzeugen, sondern dort auch Daten einfügen oder auslesen. Sehen Sie dem Autor zu, wie er in einem Beispiel diese Funktionen umsetzt.
  
  Einfügen von Daten in SQL-Datenbanken
  
  03:27
- AIR-Anwendungen haben je nach Betriebssystem Zugriff auf Systemtray oder Dock. Wie Sie solche Zugriffe für einen Windows-Rechner integrieren, zeigt dieser Film.
  
  Zugriff auf das Systemtray über AIR
  
  08:10
Damit Ihre AIR-Anwendung ein eigenes Look & Feel bekommt, verwenden Sie das "Custom Chrome". Das ist sozusagen der Rahmen um das Anwendungsfenster. Ohne besondere Einstellungen nutzen Anwendungen die betriebssystemabhängige Standard-Fensterdekoration.

Custom Chrome & Resizing
- Am Beispiel des Adobe Media Players zeigt der Film, wie Sie ein individuelles Erscheinungsbild für AIR-Anwendungen umsetzen. Passen Sie die Funktionen für Ihre Anwendungen an.
  
  Einführung und Vorbereitungen
  
  03:03
- Beschreiben Sie das Custom Chrome in einer XML-Datei. Sehen Sie hier die nötigen Parameter!
  
  Beschreibungsdatei und CSS-Definitionen
  
  04:37
- Starten Sie hier mit der Basisdefinition aller Komponenten, die Sie in Ihrer AIR-Applikation benötigen, um diesen Custom Chrome zu realisieren.
  
  Realisierung des Custom Chrome
  
  14:22
- Drag&Drop-Funktionen lassen sich einfach in AIR-Applikationen integrieren. Dabei geht es nicht um Drag&Drop innerhalb der Anwendung, sondern in Kommunikation mit dem Desktop. Wie Sie Dateien von Ihrem Desktop in die AIR-Applikation ziehen, erfahren Sie in diesem Film.
  
  Drag&Drop in AIR-Applikationen
  
  12:02
- AIR-Anwendungen, funktionieren auch in sogenannten On-Offline-Szenarien. Das bedeutet, dass die AIR-Anwendung erkennt, ob Sie online sind. Sind Sie online, kann die Applikation beispielsweise auf verfügbare Updates prüfen oder Daten synchronisieren.
  
  Internet-Verbindung für Updates prüfen
  
  07:17
In diesem Kapitel zeigt Ihnen der Autor Anwendungsbeispiele aus der Praxis. Sie erfahren, wie Sie geografische Mappen integrieren, wozu Sie Modules benötigen oder wie Sie diese effektiv einsetzen.

Real World Examples
- In diesem Abschnitt erfahren Sie, wie Sie geografische Karten in Ihrer AIR-Anwendung implementieren (Maps von Yahoo!). Sehen Sie selbst.
  
  Einführung
  - Die Integration von Mapping-Informationen in AIR- oder Flexanwendungen kann über zwei Wege gewährleistet werden. In diesem Video sehen Sie die Einbindung von Yahoo!-Maps.
    
    Komponenten installieren
    
    01:57
  - Nach der Integration der Yahoo!-Mapping-Komponente können Sie mit der Arbeit beginnen. Sehen Sie in diesem Video, wie der Autor dabei vorgeht.
    
    Yahoo!-Map-Objekt in MXML erzeugen
    
    07:18
  - Jede Mapping-Anwendung sollte auch die Adress-Suche erlauben. Dieser Vorgang wird als "Geocoding" bezeichnet. Wie Sie diese Funktion implementieren, erfahren Sie in diesem Video.
    
    Suchfunktion in der Map implementieren
    
    07:16
- Hinter einem MXML-Modul verbergen sich modulare Anwendungen. Das bedeutet, dass Ihr Projekt in unterschiedliche Teile, sogenannte Modules, gesplittet ist. Vorteile sind beispielsweise die geringeren initialen Download-Daten oder ein schnellerer Ladevorgang Ihrer Anwendung.
  
  Module
  - Was Modules sind und wie Sie diese effektiv in Ihren Projekten einsetzen, erfahren Sie in der Einleitung des Videos. Im zweiten Teil beginnen Sie mit der Erstellung von Modules.
    
    Module erstellen
    
    03:23
  - Der Vorteil von Modulen: Sie können zur Laufzeit dynamisch geladen oder entladen werden. Dieses Video zeigt, wie Sie Module während des Programmlaufs laden.
    
    Module richtig einsetzen
    
    04:40
  - Sie können mit MX-Modules kommunizieren, dank direkten Zugriffs auf Module und Variablen. Die Funktionen zeigt dieser Film an einem Beispiel.
    
    Mit Modulen kommunizieren
    
    03:17
- In diesem Abschnitt zeigt Ihnen der Autor, wie Sie Bookmarks auf zwei Tab-Navigator-Elemente Ihrer Anwendung setzen und wie Sie Ihrer Applikation von außen Parameter übergeben.
  
  Specials
  - Ein Vorteil von "Rich Internet Applications" ist der fließende Übergang zwischen den Ansichten. Direktes Bookmarken ist in Flex jedoch nicht möglich: Abhilfe schafft die Funktion "deep linking".
    
    "deep linking"
    
    07:16
  - Eine einfache Möglichkeit, von außen initiale Parameter an eine Flex-Anwendung zu übergeben, sind "flash vars", die mit "templates" zusammenhängen. Der Autor erklärt beide Parameter in diesem Video.
    
    "templates" und "flash vars"
    
    03:39

Application Layout (Container)

aus: Adobe Flex 3

Über dieses Video

Auszug aus: Adobe Flex 3

Bonusmaterial

Filminformationen