www.video-flash.de » Flex 4

DVD: „Flash Catalyst CS5” von Constantin Ehrenstein (inkl. Verlosung)

Florian — Mon, 27 Sep 2010 19:47:13 +0000

Der Neuling in der Creative Suite CS5 heißt Flash Catalyst. Was sich genau hinter diesem Programm verbirgt, was es kann und wie es funktioniert, wissen nur wenige. Um Licht ins Dunkel zu bringen, gibt es mit „Flash Catalyst CS5 – Das umfassende Training” nun ein deutschsprachiges Werk in Form von Videotutorials. Zunächst gibt Constantin Ehrenstein [...]

Buchvorstellung: „Adobe Flex 4” von Simon Widjaja (inkl. Verlosung)

Florian — Tue, 14 Sep 2010 20:34:25 +0000

Heute möchte ich das Buch „Adobe Flex 4” von Simon Widjaja vorstellen. In über 600 Seiten bietet es einen Überblick über die wesentliche Aspekte der Entwicklung mit dem Flex-Framework. Zugleich ist es meines Wissens das erste deutschsprachige Buch, das sich mit Flex 4 und den damit verbundenen zahlreichen Neuerungen beschäftigt. Als Bonus gibt es auch [...]

Flex 4: ItemRenderer für eine DataGroup erstellen

Florian — Sun, 01 Aug 2010 14:57:59 +0000

Hier ein kurzes Beispiel, wie man einen eigenen ItemRenderer in Flex 4 erstellen. Der ItemRenderer legt fest, wie die Inhalte – in diesem Beispiel von einer DataGroup – dargestellt werden. Ausgangslage: ArrayList mit Value Objects Ausgangslage dieses Beispiels ist eine ArrayList, die mit mehreren Instanzen einer Value Object Klasse befüllt werden. Jedes Objekt hat Attribute wie [...]

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

Florian — 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

Florian — 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 [...]

Button-Skinning mit Flex 4

Florian — 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 [...]

Der neue Spark-Videoplayer in Flex 4

Florian — 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 [...]

Neue Tween-Engine in Flex 4

Florian — 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 [...]

Flex 4: Skinning einer Spark-Applikation

Florian — 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 [...]

Flex 4: Strokes in FXG

Florian — 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 [...]

Flex 4: Füllungen in FXG

Florian — 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 [...]

FXG: Das neue Grafikaustauschformat in Flex 4

Florian — 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 [...]

Flex 4: BasicLayout, VerticalLayout und HorizontalLayout

Florian — 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 … [...]

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

Florian — 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

Florian — 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. [...]