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.

(weiterlesen…)

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).

(weiterlesen…)

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 oder ausschließen lassen kann.

(weiterlesen…)

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 zu.

(weiterlesen…)

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.

(weiterlesen…)

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.

(weiterlesen…)

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.

(weiterlesen…)

Nach den Füllungen des neuen Grafikaustauschformats FXG von Flex 4 sind heute Konturen (Strokes) das Thema dieses Beitrags.

(weiterlesen…)