www.video-flash.de » Flex 4

Flash Builder 4: Kompatibilitätsmodus für Flex-3

flo — Tue, 23 Mar 2010 21:58:54 +0000

Verwendet man ältere Flex-Quellcodes im gestern veröffentlichten Flash Builder 4, kann es passieren, dass der Flash Builder aufgrund des neuen Flex-4-SDKs einige Warnungen oder Fehler zu bemängeln hat (z.B. fehlender Namespace für CSS). Außerdem verändert sich das Aussehen der Anwendungen: Die Halo-Komponenten aus Flex 3 sehen mit dem neuen Flex-4-SDK wie die neuen Spark-Komponenten aus. [...]

Transitions: Animierter Button in Flex 4

flo — Sun, 10 May 2009 12:24:59 +0000

Aufbauend auf dem Artikel Button-Skinning mit Flex 4 folgt ein Beispiel-Button mit animierten Übergängen. Im Normalzustand ist der Button klein und man sieht nur ein Icon. Fährt man mit der Maus über die Schaltfläche, wird sie breiter und die Beschriftung erscheint. Neben den Übergangsanimationen wird auch gezeigt, wie man einzelne Grafiken/Elemente gezielt nur in bestimmten States anzeigen [...]

Button-Skinning mit Flex 4

flo — Thu, 07 May 2009 19:35:13 +0000

Heute geht es um das Skinning von Buttons in Flex 4. Dabei wird anschaulich deutlich, wie einfach und leistungsfähig die Skinning-Architektur der Spark-Komponenten aufgebaut ist. Die prinzipielle Vorgehensweise ist vergleichbar der beim Skinning einer Spark-Applikation: Man legt eine neue Klasse mithilfe einer MXML-Datei an, die das Aussehen des Buttons festlegt. Diese Skinklasse ordnet man dem Button [...]

Der neue Spark-Videoplayer in Flex 4

flo — Wed, 06 May 2009 19:52:25 +0000

Letzten Sommer wurde es bereits angekündigt: Flex 4 enthält eine verbesserte Videokomponente. Die Komponente heißt VideoPlayer und besitzt standardmäßig einige Buttons wie Play/Pause, Stop, Mute, Fullscreen sowie eine Seekbar und ein Lautstärkeregler. The VideoPlayer class is skinnable video player that supports progressive download, multi-bitrate, and streaming video. Beispiel Das folgende Beispiel zeigt den VideoPlayer im Einsatz:

Neue Tween-Engine in Flex 4

flo — Sun, 03 May 2009 17:12:56 +0000

Neben vorgefertigten Animationsabläufen bietet Flex 4 eine Tween-Engine, die zum Umsetzen von individuellen Animationen gedacht ist. Dazu gibt es die neue Klasse Animation, wodurch die frühere Tween-Klasse ausgedient hat. Das Tweening funktioniert bequem mit MXML-Code (oder natürlich direkt in ActionScript) und erlaubt es, einzelne Keyframes zu setzen. Zuerst ein kleines Beispiel, das die Tween-Engine in Aktion zeigt. [...]

Flex 4: Skinning einer Spark-Applikation

flo — Sun, 26 Apr 2009 16:55:56 +0000

In diesem Beitrag zum Flex 4 SDK wird die neue Komponentenarchitektur deutlich. Es wird gezeigt, wie man ein eigenes Skin für eine Spark-Applikation (s:Application) erstellt. Das Skin liegt in einer eigenen MXML-Datei und ersetzt den Hintergrund durch ein gekacheltes Hintergrundbild. In einer Halo-Applikation (mx:Application) gibt es die Eigenschaft backgroundImage. Diese wurde jedoch [...]

Flex 4: Strokes in FXG

flo — Sat, 25 Apr 2009 11:58:52 +0000

Nach den Füllungen des neuen Grafikaustauschformats FXG von Flex 4 sind heute Konturen (Strokes) das Thema dieses Beitrags. Zuerst die Übersicht der Beispiele: SolidColorStroke SolidColorStroke erstellt eine einfarbige Umrandung. Wie bei den Füllungen wird dieses Element als Child einer Form (z.B. Rechteck) definiert. Die Strichstärke wird über die Eigenschaft weight (in Pixeln) geregelt, die Farbe über color. [...]

Flex 4: Füllungen in FXG

flo — Fri, 17 Apr 2009 16:55:56 +0000

Nach der Vorstellung des Grafikformats FXG geht es in den „Gumbo-Wochen” nun zuerst um Füllungen für Grafikelemente. Als Beispiel wird dabei immer ein einfaches Rechteck verwendet, das unterschiedliche Fills enthält. Es gibt vier verschiedene Füllungen, die ein Element erhalten kann. Solid color (einfarbig) Linear Gradient (lineare Verlauf) Radial Gradient (kreisförmiger Verlauf) Bitmap SolidColor Mit SolidColoder wird eine einfarbige Füllung erstellt. Es [...]

FXG: Das neue Grafikaustauschformat in Flex 4

flo — Wed, 15 Apr 2009 18:27:14 +0000

In einem weiteren Beitrag aus der Reihe Flex 4 SDK geht es heute um FXG. Mit Flex 4 führt Adobe den FXG 1.0 Standard ein. FXG soll als XML-basiertes grafisches Austauschformat für die Flash-Plattform dienen. Dazu enthält es verschiedene Typen an Text- und Grafikelementen, die Vektor- und Bitmapgrafiken erstellen, gruppieren oder verändern können. Die Abbildung zeigt [...]

Flex 4: BasicLayout, VerticalLayout und HorizontalLayout

flo — Thu, 09 Apr 2009 20:49:19 +0000

Im dritten Beitrag zu Flex 4 geht es um das Layout, also die Anordnung der Komponenten einer Anwendung. Im Gegensatz zu früheren Flex-Versionen sind die verschiedenen Layouts nun in eigene Klassen gewandert. Layout einer Anwendung in Flex 3 In Flex 3 wird das Layout einer Flex-Anwendung über die Eigenschaft layout geregelt, z.B. so: <mx:Application … layout="absolute">. Es [...]

CSS: Zwischen Halo und Spark unterscheiden (Flex 4 SDK)

flo — Wed, 08 Apr 2009 19:21:07 +0000

Im zweiten Teil der „Gumbo-Wochen” zum Flex 4 SDK geht es um das Thema CSS. Da in Flex 4 sowohl Halo- als auch Spark-Komponenten zusammen verwendet werden können, kann es passieren, dass eine Komponenten mit dem gleichen Namen in beiden Sets vorkommt (z.B. Button). Um in einem solchen Fall die Komponenten trotzdem grafisch unterschiedlich gestalten [...]

Flex 4: Neuer Namespace und Spark-Komponenten

flo — Tue, 07 Apr 2009 19:59:11 +0000

Der erste Beitrag zum Thema „Flex 4” zeigt den Aufbau einer Applikation. Außerdem werden z.B. folgende Fragen beantwortet: Welche Namespaces werden verwendet? Was sind die Spark-Komponenten? Können Halo-Komponenten aus Flex 3 weiterhin verwendet werden? Um die Beispielcodes zu kompilieren, muss man das Flex SDK Build 4.0.0.5873 oder höher einsetzen, wie in Gumbo-Wochen auf www.video-flash.de beschrieben. Ein einziger [...]

Flex 4: „Gumbo-Wochen” auf www.video-flash.de

flo — Tue, 07 Apr 2009 18:02:38 +0000

In den kommenden Wochen werde ich eine Reihe an Beiträgen zum kommenden Flex 4 SDK (Codename Gumbo) veröffentlichen. Da für Juni 2009 seitens Adobe der Betastatus des SDK anvisiert wird, dürften hoffentlich nur noch wenige Änderungen Einzug erhalten. Erst vor wenigen Tagen wurde noch eine tiefgreifende Architekturänderung durchgeführt, die die bisherigen Schreibweise der neuen Spark-Komponenten wie [...]

Flex 4 (Gumbo): Two-way Data Binding

flo — Sat, 27 Dec 2008 12:48:52 +0000

In Flex 3 sind Databindings immer unidirektional, also funktionieren nur in eine Richtung. Ein Beispiel: Man bindet z.B. den Wert eines XML-Objekts an eine Textbox. Ändert sich der Wert des Knotens, aktualisiert sich automatisch die Textbox. Ändert sich allerdings die Textbox, wird der Wert nicht automatisch zurück in das XML-Objekt kopiert. Flex 4 (Codename Gumbo) erlaubt [...]

Beta: Neues Text Layout Framework für Flash Player 10

flo — Fri, 21 Nov 2008 22:30:32 +0000

Und wieder eine neue Betaversion in Adobe Labs: das Text Layout Framework (TLF). Basierend auf der neuen Text-Engine des Flash Players, gibt es nun eine fertige Text-Layout-Komponente. Somit kann man die Features der neuen Text-Engine des Flash Player 10 auf einfache Weise nutzen. Dazu gehören: Bidirectional text, vertical text and over 30 writing systems including Arabic, Hebrew, [...]