TinyDesigner 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
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“]
[/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]
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