it-swarm.com.ru

Простой способ создания Android пользовательского интерфейса?

Есть ли инструмент или веб-сайт, который может помочь мне создать пользовательский интерфейс для приложения Android с помощью перетаскивания?

Я нашел этот сайт но хотите знать, есть ли более стабильный инструмент или сайт для этого?

82
hkhalifa

Позвольте мне быть тем, кто придет немного реальности к этой теме. Нет хорошего графического инструмента для работы с Android. Если вы работаете в среде графического интерфейса приложений, например, Delphi, вы будете сильно разочарованы пользовательским интерфейсом с редактором ADK и DroidDraw. Я несколько раз пытался продуктивно работать с DroidDraw, и я всегда возвращаюсь к тому, чтобы свернуть XML вручную.

ADK - хорошая отправная точка, но ее нелегко использовать. Размещение компонентов в макетах - это кошмар. DroidDraw выглядит фантастически, но я даже не могу открыть с его помощью существующие функциональные макеты XML. Это как-то теряет половину макета и не может тянуть изображения, которые я указал для кнопок, фона и т.д.

Суровая реальность заключается в том, что для разработчиков Android остро требуется гибкий, простой в использовании и надежный инструмент разработки с графическим интерфейсом, похожий на тот, который используется для разработки .NET и Delphi.

46
Todd Grigsby

Плагин Android Development Tools (ADT) для Eclipse включает в себя визуальный редактор для Android файлов макетов приложения:

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

28
Josef Pfleger

Самый простой способ с REBOL 3:

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

Вот 10 полнофункциональных демонстрационных программ с графическим интерфейсом. Они работают на Android и настольных ОС, используя точно такой же код:

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 кажется очень полезным. Он имеет простой и понятный интерфейс и является бесплатным. Доступно для Windows, Linux и Mac OS X. Я советую пожертвование.

Если вам это не нравится, вы должны взглянуть на этот сайт . Есть некоторые другие опции и другие полезные инструменты.

8
rlc

Вы также можете попробовать это . Если вам нравится концепция контроллера представления модели и быстрое создание прототипа, я бы сказал, что вам понравится идея, стоящая за ней;)

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

Сгенерированный пользовательский интерфейс (код ниже):

enter image description here

полный код для создания этого Android пользовательского интерфейса :

enter image description here

Я использую его в реальных приложениях, а не только для быстрого создания прототипов или диалогов, и он хорошо проверен годами. Концепция основана на принципе управления представлением модели, и для большинства распространенных сценариев есть готовые к использованию компоненты, которые автоматически выглядят корректно на любом устройстве. Я не говорю, что он должен использоваться для любого пользовательского интерфейса (например, списки должны быть сделаны вручную), но для большинства случаев это должно быть очень удобно;) Да, и не стесняйтесь его раскошелиться и улучшить, если хотите.

6
Simon Heinen

Droiddraw это хорошо. Я использую его долгое время и еще не сталкивался с какими-либо проблемами (хотя иногда происходит сбой, но это нормально)

5
lostInTransit

https://play.google.com/store/apps/details?id=com.mycompany.easyGUI попробуйте этот инструмент не бесплатно, но он предлагает простой способ создания Android UI на вашем телефоне

4
user1612540

Это выглядит как более перспективное решение: IntelliJ Android UI Designer.

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

3
Paul A.

Это старый вопрос, который, к сожалению, даже через несколько лет не имеет хорошего решения. Я только что портировал приложение с iOS (Obj C) на Android. Самой большой проблемой был не внутренний код (для многих/большинства людей, если вы можете кодировать в Obj C вы можете кодировать на Java), а портирование нативных интерфейсов. То, что Тодд сказал выше, макет пользовательского интерфейса - все еще полная боль. По моему опыту, быстрее всего разработать надежный пользовательский интерфейс, который поддерживает несколько форматов и т.д., В хорошем HTML.

1
Nostradamus

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

Создание приложения App Inventor начинается в браузере, где вы разрабатываете внешний вид приложения. Затем, как собирая кусочки головоломки, вы устанавливаете поведение своего приложения. Все это время, через прямое соединение между вашим компьютером и телефоном, ваше приложение появляется на вашем телефоне.

1
Davek804

Не сказать, что это лучший путь, но хорошо иметь варианты. Necessitas - это проект, который портирует Qt на Android. Он все еще находится на ранней стадии и испытывает недостаток в полных функциях, но для тех, кто знает Qt и не хочет беспокоиться об ужасном отсутствии хороших инструментов для Android UI, было бы разумно хотя бы рассмотреть возможность использования этого.

0
tylerthemiler

Я обнаружил, что используя http://pencil.evolus.vn/ вместе с карандашными трафаретами из http://code.google.com/p/Android-ui- utils / проект работает исключительно хорошо. Очень простой в использовании, его очень легко макетировать сложные конструкции

0
redsolo