Tiny Designer exportiert Degrafa-MXML

export-degrafa-mxmlTinyDesigner ist ein Online-Grafikprogramm, das von einer kleinen Gruppe von Freelancern erstellt und weiterentwickelt wird.

Es kann nicht mit den „großen” RIAs wie Sumo Paint oder Aviary mithalten, bietet aber neuerdings eine interessante Funktion: den Export von Grafiken in MXML.

Der exportierte MXML-Quellcode ist für Degrafa (ein deklaratives Grafik-Framework) ausgelegt. Man kann in Tiny Designer etwas zeichnen, den Quellcode exportieren und in ein Flex-Projekt einfügen. Benötigt wird im Projekt lediglich die eingebunde Degrafa-SWC-Datei.

As of now, Adobe Flex builder does not render degrafa graphics at design time. So Tiny Designer is enhanced to fill this gap by providing an export function to MXML so that the degrafa designs can be visually created using Tiny Designer and can be exported to MXML for later use in Adobe Flex.

Beispiel

tinydesigner-mxml-degrafa

Hier ein kleines Beispiel. Es handelt sich um ein Rechteck mit einem Farbverlauf, das ich in Tiny Designer erstellt und mit einigen Filtern versehen habe. Als SWF sieht das Ganze dann so aus:

[kml_flashembed publishmethod=“dynamic“ fversion=“10.0.0″ movie=“/wp-content/uploads/2009/06/TinyDesigner.swf“ width=“400″ height=“100″ targetclass=“flashmovie“]

Degrafa Example Get Adobe Flash player

[/kml_flashembed]

Wie man sieht, kommt der Button 1:1 in Flex an (durch die Kompression ist im Screenshot der Verlauf nicht ganz perfekt). Perfekt ist die Exportfunktion jedoch nicht, denn nicht alle Grafiken sind beim Ausprobieren in Flex korrekt angezeigt worden.

Alles in allem aber auf jeden Fall eine hilfreiche Sache und ein sinnvoller Ansatz, den ich mir auch von anderen RIAs wünschen würde. Zum Beispiel einen Button mit FXG in Sumo Paint erstellen wäre sicher eine feine Sache.

Link: Export designs as degrafa MXML
Link: TinyDesigner

[ad]

Ein Gedanke zu „Tiny Designer exportiert Degrafa-MXML“

  1. Creating Flex Skins with degrafa & Tiny Designer:

    Now Tiny designer supports visually editing degrafa skins for the following flex controls,

    1. Accordion
    2. Button
    3. ButtonBar / ToggleButtonBar
    4. CheckBox
    5. ComboBox
    6. DataGrid
    7. List
    8. MenuBar
    9. Panel / Alert / TitleWindow
    10. ProgressBar
    11. RadioButton
    12. Scrollbar
    13. Slider
    14. TabBar
    15. TextInput

    http://www.blog.tinydesigner.com/?p=119

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert