»  Free components
Flex ist ein recht junges Enwicklungsframework, deshalb gibt es nicht die Menge an Komponenten und Opensource Projekten wie in anderen Programmiersprachen. Einige Perlen sind dennoch im Netz zu finden.
  »  Projekte anmelden
Falls Du ein gutes Projekt kennst oder selbst entwickelt hast, das auf diese Seite gehört, dann schicke Deinen Vorschlag an info@fleksray.org.

  »  CardLayout

Tags: UIComponent, Layout
Author: Ralf Sczepan

View Sample

Mit dem Cardlayout können UIComponents übereinandergelegt werden. Wie weit sich die Komponenten dabei überlappen, kann über die Parameter x_offset und y_offset gesteuert werden. Wird eine der Komponenten im Stack angeklickt, erscheint diese im Vordergrund. Gleichzeitig wird ein Event vom Typ CardEvent ausgelöst. Dieses Event enthält im Attribut "selectedCard" eine Referenz auf das angeklickte Objekt. Im EventHandler können also sämtliche Informationen dieses Objektes ausgelesen werden.
Eine Beschreibung der Attribute und EventHandler findet sich hier.
Im Beispiel werden neben einigen Bildern auch ein Button im CardLayout verwendet. Grundsätzlich kann aber jedes Objekt verwendet werden, das die Klasse UIComponent erweitert.
28. October 2007

  »  PopUp ToolBar

Tags: UIComponent, Menu, Panel
Author: Ralf Sczepan

View Sample

Download PopUp ToolBar

Ein Klick auf ein Item im Menu lasst ein PopUp Panel in der Anwendung erscheinen. In diesem Panel können wiederum eigene Komponenten platziert werden. Das Panel kann verschoben, minimiert und wieder geschlossen werden.
Eine ausführliche Beschreibung der Funktionen und Verwendung findet sich auf der englischsprachigen Komponentenseite.
1. September 2007

  »  Masked TextInput

Tags: Text Input Component
Author: Adobe Flex Team
Website: http://weblogs.macromedia.com/flexteam/
View Sample
Muster für Texteingaben
Unscheinbar, doch unglaublich nützlich ist diese Komponente vom Adobe Flex Team. Mit ihr können TextInput Felder maskiert werden.
Es sind also nur ganz bestimmte Eingaben des Users zugelassen. Das ist soweit nichts Neues. Beim Masked TextInput jedoch wird das erwartete Eingabemuster direkt im Eingabefeld angezeigt. Besser kann man dem Benutzer einer Anwendung kaum verständlich machen, welche Eingaben von Ihm erwartet werden. Erscheinungsbild und Art der Maske lassen sich einfach den eigenen Wünschen anpassen.
20. August 2007

  »  Horizontal Accordion

Tags: visuell Component
Author: Doug McCune
Website: http://dougmccune.com/blog/
View Sample
Um 90 ° gedreht
Viel ist zu dieser Komponente nicht zu sagen. Das Horizontal Accordion besitzt die gleichen Funktionen und Eigenschaften, wie das Standard Accordion.
20. August 2007

  »  ObjectHandles

ObjectHandle
Tags: UIComponent
Author: Marc Hughes
Website: http://www.rogue-development.com/objectHandles.xml
View Sample
Move it, Turn it, Scale it
Die Komponente von Marc Hughes erlaubt es, die enthaltenen Child Komponenten zu skalieren, zu drehen und deren Größe zu ändern. Um die Komponente zu verwenden, muss das entsprechende *.swc-File als Library eingebunden werden. Das Objekt, das die Eigenschaften des ObjectHandles annehmen soll, wird einfach mit dem Tag <oh:ObjectHandles ...></ObjectHandle> umschlossen.
Bei komplexeren Komponenten, die wiederum eigene Child-Elemente enthalten, scheint das ObjectHandle manchmal Schwierigkeiten zu bekommen. Dennoch ist das ObjectHandle eine wirklich nützliche Sache.
20. August 2007

  »  Visual Graph

Visual tree Adobe Flex Component
Tags: Visual Component Graph Library
Author: Jason Bellone
Website: http://code.google.com/p/flexvizgraphlib
View Sample
Visualisierung relationaler Daten
Der Visual Graph ist eine Adobe Flex Komponente zur Datenvisualisierung. Die Library ermöglicht es, komplizierte Datenmengen grafisch darzustellen.
Soziale Netze, Bäume, DB Schemata und andere Strukturen können mit dieser Komponente veranschaulicht werden.
Die Bibliothek verwendet Interfaces und kann leicht den eigenen Bedürfnissen angepasst werden. So ist es möglich, mit eigenen Algorithmen den Graph zu erweitern.
Wählt man als Layout die Option "ForceDirected" lassen sich die Knoten des Graphen mit der Maus verschieben. Alle abhängigen Knoten oder Blätter des Graphen bewegen sich, wie an Gummibändern gezogen, in die neue Position.
19. August 2007

  »  FlexBook, PageFlip

page flip flexbook
Tags: UIComponent, Pageflip
Author: Ely Greenfield
Website: http://quietlyscheming.com/flexbook
View Sample
Einfach umblättern
Mit dem FlexBook von Ely Greenfield lässt sich alles, was bisher der Printdomäne vorbehalten war, auch im Web umsetzten.
Es gibt bereits einige mehr oder weniger gelungene Umsetzungen dieser Komponente in Flash, dort meist als PageFlip bekannt. Ely Greenfield hat sich die Mühe gemacht und dieses nützliche Teil in MXML nachgebaut und das mit allen Schikanen, die sich ein Entwickler nur wünschen kann.
Selbstredend können alle UIComponents von Adobe Flex auch in das FlexBook eingebaut werden, Seiten können transparent sein und Seitenausschnitte können herangezoomt werden. Greenfield zeigt auf seiner Website mehrere Beispiele für die Nutzung des PageFlip FlexBooks.
29. Juli 2007

  »  Tree Komponente mit XML steuerbar

Tags: UIComponent, XML
Author: Ralf Sczepan
Website: http://fleksray.org
View Sample
Ein ganz normaler Baum
Die Komponente sieht auf den ersten Blick aus, wie die Standard Flex Komponente. Dieser Tree kann jedoch, ohne den Source Code anzufassen, über ein XML File konfiguriert werden. Die Knoten des Baumes können mit Links hinterlegt werden. Im XML File kann ebenfalls definiert werden, ob der Link sich in einem neuen Fenster öffnen soll.
Höhe, Weite, BackgroundAlpha, -Color, BorderThickness, Fontfarbe, -größe und -familie können ebenfalls definiert werden. In Blick in die entsprechenden XML Dateien ist selbsterklärend. config.xml data.xml.
Der Baum ist sicher überwiegend für Nichtprogrammierer interessant, die eine schicke Tree Navigation in ihrer Internetseite einbauen wollen.
20. Juli 2007

  »  Das SuperPanel

Tags: UIComponent
Author: Wietse Veenstra
Website: http://www.wietseveenstra.nl/blog
View Sample
Desktop Like
Eine wirklich nützliche und einfach zu verwendende Flex Komponente ist das SuperPanel von Wietse Veenstra. Mit dieser Erweiterung der Flex Panel Komponente verwandelt man, den doch etwas statischen Standard Panel-Container von Adobe in ein klassisches Windowsfenster (bitte nicht im Wörterbuch nach Windowsfenster suchen). Flex Panels sind mit dieser Erweiterung skalierbar, verschiebar, können maximiert und minimiert werden.
Ich habe diese Komponente auch im Sample 2 des Flekristal Themes verwendet.
Das SuperPanel muss einfach in den Namespace der Applikation importiert werden und kann dann wie das Standard Panel benutzt werden. In bestehenden Anwendungen wird einfach das <mx:Panel>....</mx:Panel> Tag durch das <mx:SuperPanel>....</mx:SuperPanel> Tag ersetzt.
18 Juli 2007

  »  Reflection Manager

Tags: UIComponent
Author: Wietse Veenstra
Website: http://www.wietseveenstra.nl/blog
View Sample
Ein Blick in den Spiegel
Eine weitere Flex Komponente, die von Wietse Veenstra stammt.
Keine Applikation braucht Reflections um den Funktionsumfang zu erweitern. Jede Anwendung läuft ohne Reflecions genau so gut, wie mit der Komponente aus Holland.
Aber mal ehrlich, ist es nicht ein Riesenspass das Ding zu verwenden, damit zu spielen und dem 0815 Panel das gewisse Etwas zu verpassen?
Ich kam auch nicht dran vorbei und habe den ReflecionManager im Theme Flekristal eingesetzt.
Einer kleiner Punkt wäre dennoch auf der Wunschliste: Es wäre echt toll, wenn die Reflections nur für einen bestimmten Teil des Bildschirms aktiv wären, also da, wo auch eine reflektierende Oberfläche vorhanden ist.
18 Juli 2007

  »  Drag and Drop TileList

Tags: UIComponent
Author: Ely Greenfield
Website: http://quietlyscheming.com
View Sample
Wie Picassa
Mit der erweiterten TileList von Ely Greenfield lassen sich per Drag and Drop einzelne Items umsortieren. Schiebt man ein Tile in die Nähe einer Einrastmöglichkeit, rutschen die umgebenden Items sanft auseinander um Platz für den Neuankömmling zu machen.
Werden zwei Tile Listen in einer Anwendung genutzt, lassen sich Items zwischen beiden Listen hin- und her verschieben. Das entsprechende Item ist dann auch im dataProvider der anderen Liste vorhanden und kann dort über ActionScript angesprochen werden.
Wird beim Verschieben die Shift-Taste gehalten wird das entsprechende Item kopiert. Das Objekt ist dann im dataProvider beider Listen vorhanden.
11. Juli 2007

  »  Array Tool

Tags: ActionScript Component
Author: Ruben Schwieringa
Website: http://www.rubenswieringa.com
View Sample
Das Array Tool...
...besitzt die beiden statischen Methoden adjustValues und getValueMatchIndex.
Erstere führt eine mathematische Operation mit einem bestimten Wert auf alle Elemente des ubergebenen Arrays aus:
adjustValues(array:Array, value:*, operator:String)
array
Array auf dessen Elemente die Operation angewendet werden soll.
value der Wert mit dem die mathematische Operation durchgeführt werden soll.
operator der math. Operator in Anführungszeichen ("+","-","*" usw.)
Die Methode getValueMatchIndex gibt den Array Index fur ein übergebenes Object zurück .
11. Juli 2007

  »  Auto Complete für Textfelder

Autocomplete fuer flex
Tags: UIComponent
Author: Adobe Flex Team
Website: weblogs.macromedia.com/flexteam/
View Sample
Erweitertes TextInput Feld
Seit Ajax in die Webwelt Einzug gehalten hat, gehort die AutoComplete Komponente zum Rüstzeug jedes Webentwicklers. Die Komponente hier basiert auf dem TextInput. Die möglichen Vorschläge, die bei einer Texteingabe angezeigt werden sollen, müssen über den dataProvider zur Verfügung gestellt werden.
11. Juli 2007

  »  Button Scrolling Canvas

drag Canvas flex
Tags: UIComponent
Author: Doug McCune
Website: http://dougmccune.com/blog/
View Sample
Scrollen in jede Richtung
Die Canvas Scrolling Komponente macht auf der Beispielseite einen recht groben Eindruck. Man sollte dieses Teil aber keinesfalls unterschätzen. Damit lassen sich nähmlich Anwendungen, wie google map oder google earth umsetzen.
Kommt der Benutzer in die Nähe des Randes der Komponente, scrollt diese automatisch in die entsprechende Richtung. Ideal also, um sich mit der Maus durch Landkarten zu bewegen.
11. Juli 2007