web-dev-qa-db-fra.com

Un moyen facile de construire Android UI?

Existe-t-il un outil ou un site Web qui pourrait m'aider à créer une interface utilisateur pour une application Android utilisant le 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.

82
hkhalifa

Permettez-moi d'être celui qui gifle un peu la réalité sur ce sujet. Il n'y a pas de bon outil graphique pour travailler avec Android. Si vous venez d'un environnement d'interface graphique d'application native tel que, par exemple, Delphi, vous allez être profondément déçu de l'expérience utilisateur avec l'éditeur ADK et DroidDraw. J'ai essayé plusieurs fois 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 son utilisation n'est pas facile. Le positionnement des composants dans les mises en page est un cauchemar. DroidDraw semble fantastique, mais je ne parviens même pas à ouvrir les mises en page XML existantes et fonctionnelles. Il perd en quelque sorte la moitié de la mise en page et ne peut pas récupérer les images que j'ai spécifiées pour les boutons, les arrière-plans, etc.

La dure réalité est que l’espace de développement Android) a cruellement besoin d’un outil de développement d’interface graphique robuste, simple et facile à utiliser, similaire à ceux utilisés pour le développement .NET et Delphi.

46
Todd Grigsby

Le plug-in Android des outils de développement (ADT) pour Eclipse) comprend un éditeur visuel pour les fichiers de mise en forme de Android:

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

28
Josef Pfleger

Le moyen le plus simple est d'utiliser 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 interfaces graphiques. Ceux-ci fonctionnent sur Android et les systèmes d'exploitation , en utilisant exactement le même 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."]]
8
NickA

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.

8
rlc

Vous pouvez également essayer this . Si vous aimez le concept de contrôleur de vue modèle et le prototypage rapide, je dirais que vous aimerez l’idée qui le sous-tend;)

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

L'interface utilisateur générée (code ci-dessous):

enter image description here

Le code complet pour créer ceci Android UI :

enter image description here

Je l'utilise dans de vraies applications, pas seulement pour le prototypage rapide ni pour les dialogues, et c'est bien testé au fil des ans. Le concept est basé sur le principe de contrôle de la vue des modèles. Pour les scénarios les plus courants, il existe des composants prêts à l'emploi qui ont automatiquement l'air corrects sur n'importe quel périphérique. Je ne dis pas qu'il devrait être utilisé pour n'importe quelle interface utilisateur (par exemple, une liste devrait être faite à la main), mais pour la plupart des cas d'utilisation, cela devrait être assez pratique;) Oh, n'hésitez pas à le modifier et à l'améliorer si vous le souhaitez

6
Simon Heinen

Droiddraw est bon. Je l'utilise depuis longtemps et je n'ai encore rencontré aucun problème (bien qu'il se bloque parfois, mais c'est correct)

5
lostInTransit

https://play.google.com/store/apps/details?id=com.mycompany.easyGUI essayez cet outil, ce n'est pas gratuit, mais vous offre un moyen simple de créer Android sur votre téléphone

4
user1612540

Cela ressemble à une solution plus prometteuse: IntelliJ Android UI Designer.

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

3
Paul A.

C'est une vieille question, qui malheureusement ne se résout que plusieurs années plus tard. Je viens de porter une application d'iOS (Obj C) sur Android. Le plus gros problème n’était pas le code d’arrière-plan (pour beaucoup/la plupart des gens, si vous pouvez coder en Obj C, vous pouvez coder en Java), mais le portage des interfaces natives. Ce que Todd a dit plus haut, la mise en page de l’interface utilisateur reste une douleur complète. D'après mon expérience, le meilleur moyen de développer une interface utilisateur fiable prenant en charge plusieurs formats, etc., est le bon HTML.

1
Nostradamus

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

La création d'une application App Inventor commence dans votre navigateur, où vous définissez son apparence. Ensuite, comme pour assembler des pièces de puzzle, vous définissez le comportement de votre application. Pendant tout ce temps, via une connexion en direct entre votre ordinateur et votre téléphone, votre application apparaît sur votre téléphone.

1
Davek804

Ne dis pas que c'est la meilleure façon de faire, mais c'est bien d'avoir des options. Necessitas est un projet qui connecte Qt à Android. Il en est encore à ses débuts et manque de fonctionnalités complètes, mais pour ceux qui connaissent Qt et ne veulent pas s'embarrasser du terrible manque d'outils de qualité pour Android en utilisant cela.

0
tylerthemiler

J'ai trouvé qu'en utilisant le http://pencil.evolus.vn/ avec les pochoirs au crayon du http://code.google.com/p/Android-ui- utils / projet fonctionne exceptionnellement bien. Très simple à utiliser, il est très facile de simuler des dessins élaborés

0
redsolo