www.video-flash.de » Skin

Degrafa: Jetzt auch Komponenten-Skinning mit Tiny Designer

Florian — Wed, 15 Jul 2009 20:28:42 +0000

Erst neulich hatte ich im Beitrag Tiny Designer exportiert Degrafa-MXML aufgezeigt, wie mit dem Online-Grafikprogramm Tiny Designer direkt Degrafa-Code erzeugt werden kann. Tiny Designer geht nun einen Schritt weiter. Es lassen sich neuerdings zahlreiche Flex-Komponenten über vorgefertigte Templates skinnen. Dazu erstellt man über „File > New Degrafa Skin” ein neues Projekt. Anschließend stehen folgende Komponenten [...]

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

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

Skinning eines Slider mit Degrafa

Florian — Thu, 26 Feb 2009 13:40:20 +0000

Nachdem bereits das Skinning von Charts und Buttons mit Degrafa gezeigt wurden, folgt nun ein Beispiel, wie der HSlider von Flex optisch angepasst werden kann. Dieser sieht im Original so aus: Beim Skinning werden drei Elemente angepasst: der Anfasser, der im Bild als Kreis zu sehen ist (in Flex ist das ThumbSkin verantwortlich) der Balken, [...]

Skinning von Buttons mit Degrafa

Florian — Fri, 13 Feb 2009 17:49:26 +0000

Hier ein kurzes Beispiel, wie man Buttons mit Degrafa gestalten kann. Das Ergebnis ist ein Button im iPhone-Stil mit Glaseffekt. Das Beispiel wurde in Flex erstellt und zeigt, wie man ein Skin für eine Schaltfläche anlegt. Applikation und Stylesheet Die Hauptanwendung platziert lediglich einen Button, der auf der Bühne dargestellt wird. XML: ... [...]

Skinning von Diagrammen mit Degrafa

Florian — Sun, 08 Feb 2009 22:25:28 +0000

Letztes Jahr sah ich ein hübsches Beispiel, wie man Diagramme in Flex mithilfe von Degrafa ansprechend gestalten kann. Das Beispiel war ein Diagramm im Stil der Nike+ Website. Man kann es sich hier anschauen: Nike+ Beispiel. Endlich habe ich die Zeit gefunden, mich näher mit dem Beispiel beschäftigen. Damit man besser versteht, worin der eigentliche [...]

27 neue Flex Skins

Florian — Sun, 19 Oct 2008 09:10:28 +0000

Die Gewinner des "Skin to Win Challenge" von ScaleNine wurden gestern bekannt gegeben. Bei dem Wettbewerb ging es darum, neue Skins für Adobe Flex 3 zu erstellen. Insgesamt wurden 27 neue Flex Skins eingereicht. Die Gewinner können bereits betrachtet werden, die Downloads sollen laut Website demnächst zur Verfügung stehen. Sobald die Skins heruntergeladen werden können, [...]

Endlich: Sourcecodes für Camtasia Skin zum Download

Florian — Thu, 24 Jul 2008 20:29:03 +0000

Ich war sehr erfreut, als ich gelesen habe, dass es für die Screencast-Software Camtasia nun Skin-Sourcecodes zum Download gibt. Es handelt sich dabei um das Expressshow-Skin (siehe unten), das mir immer von allen am besten gefallen hat. Der Nachteil war leider bisher, dass keinerlei Anpassungen möglich waren. Nun kann man das Design des Skins komplett [...]

FLV-Playback-Skin für Livestreaming

Florian — Fri, 18 Apr 2008 22:03:36 +0000

Mich hat es gestört, dass die Skins der Videokomponente von Flash CS3 bei Livestreaming alle einen Play-/Pausebutton haben. Klickt man beim Livestream darauf, wird das Video pausiert. Nun hat man jedoch den Eindruck, dass man mit dem Playbutton das Video an der gleichen Stelle wieder fortsetzen kann, was bei einem Livestreaming natürlich nicht möglich ist. [...]

FLV Playback Skin für Flash CS3

Florian — Tue, 15 Jan 2008 19:51:59 +0000

Hier ein neues Skin für die FLV Playback Skin. Es funktioniert mit der FLV Playback Komponente von Flash CS3 (ActionScript 3). Die Farbe des Skins lässt sich über den Komponenteninspektor anpassen. In der Downloaddatei ist sowohl das Skin (.swf) als auch der Quellcode (.fla) enthalten. Nutzer von Flash 8 finden im Archiv eine Version für [...]