Quantcast
Channel: Strg+Shift+R
Viewing all articles
Browse latest Browse all 50

Android GUI Designer

$
0
0

With this tool you can create android gui's easily and very fast. You write code like this:

Window "Demo"

SeperatorLine 1
One-Column-List +color=orange
Label "Login Screen" +color=white +centered
SeperatorLine 1

Two-Column-List
Label "E-Mail" EditText ""
Label "Password" EditText ""
Label "Stay logged in?" CheckBox [+] ""
Button "Cancel" Button "Login"

SeperatorLine 1
One-Column-List +color=orange Label ""
SeperatorLine 1


I hope its simple to read and easy to write (you can use an ecplipse plugin to write this code, which supports code completion "STRG+Space" and other features to support you).

From this written DSL-Code you can generate an xml file and import it to your android res/layout folder to use it as an android gui

here are some more examples how the gui could look like:




How to Install:

1. You will have to use the eclipse emp version (download it at http://www.eclipse.org/modeling/) and download the three ecipse projects which you can find here:


2. Import the 3 projects to eclipse.

3. Rightclick on the AndroidGuiCreator.ui project and select "run as"->"eclipse application" to start the gui designer.

4. When you are finished with your design paste the created dsl-code in the AndroidGuiCreator.generator project in a file called "src/model/MyModel.andrgui" and rightclick on "src/workflow/... .mwe" and select "run as"->"MWE workflow"

5. The generated xml code is placed in the "src-gen/... .xml" file:


6. Import the xml file to your android project.

DONE

Here a short example :

Viewing all articles
Browse latest Browse all 50

Trending Articles