www.video-flash.de » Gumbo

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

Wireframe-Theme in Flex 4

Florian — Tue, 28 Apr 2009 15:37:23 +0000

Im Flex 4 SDK ist ein Wireframe-Design für die Spark-Komponenten enthalten. Dieses einfarbige, in blau gehaltene Design sieht nicht aus wie eine fertige Anwendung, sondern hat den Charme eines Entwurfs. Sicherlich dann interessant, wenn im aktuellen Entwicklungsstadium das Design keine Rolle spielen soll. Wireframes eben. Das Wireframe-Skin sieht so aus: [...]

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

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

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

Flex 4 (Gumbo): Two-way Data Binding

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

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

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

Flex 4 Dokumentation ist online (Gumbo API Reference)

Florian — Wed, 23 Jul 2008 18:55:48 +0000

Die Dokumentation zur kommenden Flex 4 Version (Codename Gumbo) liegt nun vor. Die ActionScript-Referenz wird laut des Flex Documentation Teams ungefähr einmal in der Woche aktualisiert. Das Flex 4 SDK ist aktuell als Nightly Build im Adobe Labs verfügbar. Mehr zu Flex 4 unter dem Tag Flex 4. Link: Flex 4 (Gumbo) API Reference (Dokumentation)Link: [...]