Com\’è dura la professione!

24 settembre 2010

Generate Flex Code from Balsamiq Mockup Sources

Archiviato in: Flex,Open Source,QT — lbell @ 22:07

Having the need to generate an application skeleton after having created the mockup using Balsamiq (http://www.balsamiq.com), and to poke into its file format, as explained in the page http://balsamiq.com/products/mockups/help/bmml, I wrote a plugin for my Open Source project QXmlEdit.

It is very easy to use, but you should remember that it is a very simple tool and not a full fledged IDE.

The plugin can be activated via ‘Tools’ menu, as in the following screenshot:



The plugin window is divided in two: the upper part is dedicated to the Balsamiq sources to translate, the bottom one contains the destination directory where a MXML Application file is generated for each selected source file.

The translation is done by transforming the source using templates that can refer original attributes or calculated fields.

Data bound controls are supported by generating data sources as mx:Array containing mx:Object in a global section.

Not all Balsamiq controls are supported, only a subset of most commonly used ones, controls not supported are converted to mx:Label

List of supported controls:

  • Button

  • Label

  • LinkBar

  • DataGrid

  • List

  • TabBar

  • VRule

  • HRule

  • TextInput

  • ComboBox

  • TextArea

  • Paragraph

  • CheckBox

  • RadioButton

  • Tree

About these ads

1 commento »

  1. Hi there! I could have sworn I’ve been to your blog before but after browsing through many of
    the articles I realized it’s new to me. Regardless, I’m certainly
    delighted I discovered it and I’ll be book-marking it and
    checking back often!

    Commento di cosmetic procedures salt lake city — 19 aprile 2014 @ 18:27 | Rispondi


RSS feed dei commenti a questo articolo. TrackBack URI

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

The Rubric Theme. Blog su WordPress.com.

Iscriviti

Ricevi al tuo indirizzo email tutti i nuovi post del sito.

%d blogger cliccano Mi Piace per questo: