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.
fle[ks]rayAdobe Flex Components |
|
» Free components» 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.
|
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
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
Muster für TexteingabenUnscheinbar, 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
Um 90 ° gedrehtViel ist zu dieser Komponente nicht zu sagen. Das Horizontal Accordion besitzt die gleichen Funktionen und Eigenschaften, wie das Standard Accordion.20. August 2007
Move it, Turn it, Scale itDie 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
Visualisierung relationaler DatenDer 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
Einfach umblätternMit 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
Ein ganz normaler BaumDie 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
Desktop LikeEine 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
Ein Blick in den SpiegelEine 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
Wie PicassaMit 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
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: 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
Erweitertes TextInput FeldSeit 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
Scrollen in jede RichtungDie 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
|
