Easy way to create an Android interface?

Question

Is there a tool or website that could help me create a user interface for an Android app using drag-and-drop?

I found this site , but I want to know if there is a more stable tool or website for this?

Answer 1

Let me be the one who pats a little reality with this topic. There is no good graphical interface for working with Android. If you work in a GUI environment of your own application, for example, Delphi, you will be disappointed in working with the ADK editor and DroidDraw. I tried several times with DroidDraw in a productive way, and I always get back to manually translating XML.

ADK is a good starting point, but it is not easy to use. Positioning components in layouts is a nightmare. DroidDraw looks like it would be fantastic, but I can't even open the existing, functional XML layouts with it. This somehow loses half the layout and cannot pull the images that I specified for buttons, background, etc.

The harsh reality is that the Android development space needs a flexible, easy to use, reliable GUI development tool similar to that used for .NET and Delphi development.

Answer 2

The Android Development Tools (ADT) plugin for Eclipse includes a visual editor for Android application layout files:

http://developer.android.com/tools/help/adt.html

Answer 3

DroidDraw seems very useful. It has a clean and simple interface and is free. Available for Windows, Linux, and Mac OS X. I recommend a donation.

If you do not like this, you should take a look at this site . There are other options and other useful tools.

Answer 4

The easiest way is REBOL 3:

http://rebolforum.com/index.cgi?f=printtopic&permalink=Nick25-Aug-2013/10:08:38-7:00&archiveflag=new

Here are 10 full-featured demos with graphical interfaces. They run on Android and desktop OS using the same code:

REBOL [] load-gui view [text "Hello World!"] REBOL [title: "Tiny Note Editor"] do %r3-gui.r3 ; download this file manually or just use load-gui as above view [ a1: area button "Save" on-action [write %notes.txt get-face a1] button "Load" on-action [set-face a1 to-string read %notes.txt] ] REBOL [title: "Data Entry to CSV File"] do %r3-gui.r3 view [ text "First Name:" f1: field text "Last Name:" f2: field button "Submit" on-action [ write/append %cntcts.txt rejoin [ mold get-face f1 " " mold get-face f2 newline ] request "" "Saved" ] a1: area button "Load" on-action [set-face a1 to-string read %cntcts.txt] ] REBOL [title: "Text File Reader (How to use a text list file selector)"] do %r3-gui.r3 view [ a1: area button "Load" on-action [ files: read %./ view/modal [ text "File Name:" t2: text-list files on-action [ set-face a1 to-string read(to-file pick files get-face t2) unview ] ] ] ] REBOL [title: "List-View (Grid) Example"] do %r3-gui.r3 view [ text-table ["1" 200 "2" 100 "3"][ ["asdf" "a" "4"] ["sdfg" "b" "3"] ["dfgh" "c" "2"] ["fghj" "d" "1"] ] ] REBOL [title: "Calculator"] do %r3-gui.r3 stylize [ btn: button [ facets: [init-size: 50x50] actors: [on-action:[set-face f join get-face f get-face face]] ] ] view [ hgroup [ f: field return btn "1" btn "2" btn "3" btn " + " return btn "4" btn "5" btn "6" btn " - " return btn "7" btn "8" btn "9" btn " * " return btn "0" btn "." btn " / " btn "=" on-action [ attempt [set-face f form do get-face f] ] ] ] REBOL [title: "Sliding Tile Puzzle"] do %r3-gui.r3 stylize [ p: button [ facets: [init-size: 60x60 max-size: 60x60] actors: [ on-action: [ t: face/gob/offset face/gob/offset: x/gob/offset x/gob/offset: t ] ] ] ] view/options [ hgroup [ p "8" p "7" p "6" return p "5" p "4" p "3" return p "2" p "1" x: box 60x60 white ] ] [bg-color: white] REBOL [title: "Math Test"] do %r3-gui.r3 random/seed now x: does [rejoin [random 10 " + " random 20]] view [ f1: field (x) text "Answer:" f2: field on-action [ either (get-face f2) = (form do get-face f1) [ request "Yes!" "Yes!"][request "No!" "No!" ] set-face f1 x set-face f2 "" focus f2 ] ] REBOL [title: "Minimal Cash Register"] do %r3-gui.r3 stylize [fld: field [init-size: 80]] view [ hgroup [ text "Cashier:" cashier: fld text "Item:" item: fld text "Price:" price: fld on-action [ if error? try [to-money get-face price] [ request "Error" "Price error" return none ] set-face a rejoin [ get-face a mold get-face item tab get-face price newline ] set-face item copy "" set-face price copy "" sum: 0 foreach [item price] load get-face a [ sum: sum + to-money price ] set-face subtotal form sum set-face tax form sum * .06 set-face total form sum * 1.06 focus item ] return a: area 600x300 return text "Subtotal:" subtotal: fld text "Tax:" tax: fld text "Total:" total: fld button "Save" on-action [ items: replace/all (mold load get-face a) newline " " write/append %sales.txt rejoin [ items newline get-face cashier newline now/date newline ] set-face item copy "" set-face price copy "" set-face a copy "" set-face subtotal copy "" set-face tax copy "" set-face total copy "" ] ] ] REBOL [title: "Requestors"] do %r3-gui.r3 x: request/ask "Question" "Do you like this?." either x = false [print "No!"] [print "Yes!"] x: request/custom "" "Do you like this?" ["Yay" "Boo"] either x = false [print "Boo!"] [print "Yay!"] view [button "Click me" on-action[request "Ok" "You clicked the button."]] 

Answer 5

You can also try this . If you like the concept of a model controller and rapid prototyping, I would say that you like the idea;)

SimpleUi (https://github.com/bitstars/SimpleUi)

Generated user interface (code below):

Full code to create this Android interface :

I use it in real applications, and not just for rapid prototyping or dialogs and testing it for many years. The concept is based on the principle of controlling the presentation of the model, and for most common scenarios, there are ready-to-use components that automatically look correct on any device. I'm not saying that it should be used for any user interface (for example, lists should be executed manually), but for most cases it should be very convenient;) Oh, and feel free to fork it and improve it if you want

Answer 6

Droiddraw is good. I have been using it since then and have not yet encountered any problems (although sometimes it crashes, but that's fine)

Answer 7

https://play.google.com/store/apps/details?id=com.mycompany.easyGUI try this tool so that it is not free, but offers an easy way to create android ui on your phone.

Answer 8

It looks like a more promising solution: IntelliJ Android UI Designer.

http://blogs.jetbrains.com/idea/2012/06/android-ui-designer-coming-in-intellij-idea-12/

Answer 9

http://www.appinventor.mit.edu/

Creating an App Inventor application starts in your browser, where you create how the application will look. Then, similar to how to assemble puzzle pieces, you will customize the behavior of your application. All the time, through a live connection between your computer and phone, your application will appear on your phone.

Answer 10

This is an old question, which, unfortunately, even a few years ago, does not have a good solution. I just ported the app from iOS (Obj C) to Android. The biggest problem was not the end code (for many / most people, if you can code in Obj C, you can code in Java), but port your own interfaces. Todd said above, the user interface layout is still a complete pain. In my experience, the fastest way to develop a reliable user interface that supports multiple formats, etc., is in good HTML condition.

Answer 11

I found that using http://pencil.evolus.vn/ along with the pencil stencils from http://code.google.com/p/android-ui-utils/ works exceptionally well. Very easy to use, its very easy to prototype complex projects

Answer 12

Not to say that this is the best way to go, but its good to have options. Necessitas is a project that transfers Qt to android. It is still in its early stages and lacks a full feature set, but for those who know Qt and don't want to worry about the terrible lack of good tools for the Android UI, it would be wise to at least consider using this.