Degrafa: Jetzt auch Komponenten-Skinning mit Tiny Designer

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 zur Auswahl:

  • Accordion
  • Button, ButtonBar, ToggleButtonBar
  • CheckBox, ComboBox, RadioButton
  • DataGrid, List
  • MenuBar, TabBar
  • Panel, Alert, TitleWindow
  • ProgressBar, Scrollbar
  • Slider, TextInput

Hat man z.B. einen Button ausgewählt und die verschiedenen States gestaltet, erhält man als Ergebnis ein ZIP-File. Dieses kann man als Projekt in den Flex/Flash Builder importieren.

Hier ein kurzes Beispiel, das als Grundlage das Rechteck aus dem vorigen Beitrag verwendet.

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

Degrafa Example Get Adobe Flash player

[/kml_flashembed]

Link: Creating Flex Skins with degrafa & Tiny Designer

[ad]

Schreibe einen Kommentar

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