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.
Schlagwort: Flex 4
Flex 4: Strokes in FXG
Flex 4: Füllungen in FXG
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
FXG: Das neue Grafikaustauschformat in Flex 4
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 einige Beispiele, die ich nur über das Schreiben von XML-Code erstellt habe.
Flex 4: BasicLayout, VerticalLayout und HorizontalLayout
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.
Flex 4: BasicLayout, VerticalLayout und HorizontalLayout weiterlesen
CSS: Zwischen Halo und Spark unterscheiden (Flex 4 SDK)
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 zu können, muss das Konzept der Namespaces (siehe Neuer Namespace und Spark-Komponenten) konsequenterweise auch im CSS angewendet werden.
CSS: Zwischen Halo und Spark unterscheiden (Flex 4 SDK) weiterlesen
Flex 4: Neuer Namespace und Spark-Komponenten
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?
Flex 4: „Gumbo-Wochen” auf www.video-flash.de
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 FxApplication durch eine Namespace-Lösung ersetzt hat (mehr dazu auch im ersten Beitrag).
Die finale Version 4.0 des SDK ist für Ende des Jahres angekündigt.
Im Flex 4 SDK werden zahlreiche Neuerungen und Änderungen eingeführt. So soll z.B. der Entwickler-Designer-Workflow verbessert werden, weshalb die SDK-Version auch die Grundlage für das neue Designertool Flash Catalyst (Codename Thermo) bildet. Mithilfe von FXG kann über MXML gezeichnet werden. Außerdem wird das Skinning der Komponenten grundlegend verbessert.