82 votes

Un moyen facile de construire l'interface utilisateur Android?

Existe-t-il un outil ou un site Web qui pourrait m'aider à créer une interface utilisateur pour une application Android par glisser-déposer?

J'ai trouvé ce site mais je veux savoir s'il existe un outil ou un site Web plus stable pour cela.

46voto

Todd Grigsby Points 426

Permettez-moi d'être le seul à le gifler un peu de la réalité sur ce sujet. Il n'y a pas d'interface graphique de l'outil de travail avec Android. Si vous êtes en provenance d'une application native interface graphique de l'environnement, comme, par exemple, Delphi, vous allez être malheureusement déçu de l'expérience de l'utilisateur avec l'ADK éditeur et DroidDraw. J'ai essayé à plusieurs reprises de travailler avec DroidDraw de manière productive, et je reviens toujours à rouler le XML à la main.

L'ADK est un bon point de départ, mais il n'est pas facile à utiliser. Le positionnement des composants dans les mises en page est un cauchemar. DroidDraw dirait qu'il serait fantastique, mais je ne peux même pas ouvrir, fonctionnelle XML mises en page. De toute façon il perd la moitié de la disposition et ne peuvent pas tirer dans les images que j'ai précisé pour les boutons, les décors, etc.

La dure réalité est que le développeur Android de l'espace est en mal besoin d'un flexible, facile à utiliser, robuste GUI outil de développement similaires à ceux utilisés pour .NET et Delphi développement.

28voto

Josef Pfleger Points 37003

Le plug-in ADT (Android Development Tools) pour Eclipse comprend un éditeur visuel de fichiers de mise en page d'applications Android:

http://developer.android.com/guide/developing/eclipse-adt.html

8voto

NickA Points 101

Le moyen le plus simple est avec REBOL 3:

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

Voici 10 programmes de démonstration entièrement fonctionnels, avec des interfaces graphiques. Ceux-ci fonctionnent sur les systèmes d'exploitation Android et de bureau, en utilisant le même code exact:

 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."]]
 

7voto

rlc Points 809

DroidDraw semble être très utile. Il a une interface propre et facile et c'est un freeware. Disponible pour Windows, Linux et Mac OS X. Je conseille un don.

Si vous ne l'aimez pas, vous devriez jeter un oeil à ce site . Il existe d'autres options et d'autres outils utiles.

4voto

newgenapps_dev Points 23557

Droiddraw est bon. Je l'utilise depuis longtemps et je n'ai encore rencontré aucun problème (même si cela plante parfois, mais c'est correct)

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X