Czy istnieje narzędzie lub witryna internetowa, która mogłaby pomóc mi w utworzeniu interfejsu użytkownika dla aplikacji na Androida za pomocą metody „przeciągnij i upuść”?
Znalazłem tę witrynę, ale chcesz wiedzieć, czy jest do tego stabilniejsze narzędzie lub witryna?
Odpowiedzi:
Pozwólcie, że będę tym, który przyłoży trochę rzeczywistości do tego tematu. Nie ma dobrego narzędzia GUI do pracy z systemem Android. Jeśli pochodzisz z natywnego środowiska GUI aplikacji, na przykład Delphi, będziesz smutno rozczarowany wrażeniami użytkownika z edytora ADK i DroidDraw. Kilka razy próbowałem produktywnie pracować z DroidDraw i zawsze wracam do ręcznego przewijania XML.
ADK to dobry punkt wyjścia, ale nie jest łatwy w użyciu. Rozmieszczanie komponentów w układach to koszmar. DroidDraw wygląda, jakby był fantastyczny, ale nie mogę nawet za jego pomocą otworzyć istniejących, funkcjonalnych układów XML. W jakiś sposób traci połowę układu i nie może pobrać obrazów, które określiłem dla przycisków, tła itp.
Surowa rzeczywistość jest taka, że przestrzeń programistów Androida pilnie potrzebuje elastycznego, łatwego w użyciu, solidnego narzędzia programistycznego GUI, podobnego do tych używanych do programowania .NET i Delphi.
Wtyczka Android Development Tools (ADT) dla Eclipse zawiera wizualny edytor plików układu aplikacji na Androida:
Najłatwiej jest z REBOL 3:
http://rebolforum.com/index.cgi?f=printtopic&permalink=Nick25-Aug-2013/10:08:38-7:00&archiveflag=new
Oto 10 w pełni funkcjonalnych programów demonstracyjnych z graficznym interfejsem użytkownika. Działają one na systemach operacyjnych Android i stacjonarnych, używając dokładnie tego samego kodu:
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."]]
Możesz także spróbować tego . Jeśli podoba Ci się koncepcja kontrolera widoku modelu i szybkie prototypowanie, to powiedziałbym, że spodoba Ci się pomysł, który za nim stoi;)
SimpleUi (https://github.com/bitstars/SimpleUi)
Wygenerowany interfejs użytkownika (kod poniżej):
Kompletny kod do utworzenia tego interfejsu użytkownika Androida :
Używam go w rzeczywistych aplikacjach, nie tylko do szybkiego prototypowania czy dialogów i jest dobrze sprawdzony przez lata. Koncepcja oparta jest na zasadzie kontroli widoku modelu i dla większości typowych scenariuszy są gotowe do użycia komponenty, które automatycznie wyglądają poprawnie na każdym urządzeniu. Nie mówię, że powinno się go używać w jakimkolwiek interfejsie użytkownika (np. Podglądy listy powinny być wykonywane ręcznie), ale w większości przypadków powinno to być całkiem przydatne;) Och i możesz go rozwidlić i ulepszyć go dalej, jeśli chcesz
Droiddraw jest dobry. Używam go od dawna i nie napotkałem jeszcze żadnych problemów (chociaż czasami się zawiesza, ale to w porządku)
https://play.google.com/store/apps/details?id=com.mycompany.easyGUI Wypróbuj to narzędzie nie jest darmowe, ale oferuje prosty sposób tworzenia interfejsu użytkownika dla Androida na telefonie
To wygląda na bardziej obiecujące rozwiązanie: IntelliJ Android UI Designer.
http://blogs.jetbrains.com/idea/2012/06/android-ui-designer-coming-in-intellij-idea-12/
http://www.appinventor.mit.edu/
Tworzenie aplikacji App Inventor rozpoczyna się w przeglądarce, w której projektujesz wygląd aplikacji. Następnie, podobnie jak łączenie elementów układanki, określasz zachowanie aplikacji. Przez cały czas, dzięki połączeniu na żywo między komputerem a telefonem, aplikacja pojawia się na telefonie.
To stare pytanie, na które niestety nawet kilka lat później nie ma dobrego rozwiązania. Właśnie przeportowałem aplikację z iOS (Obj C) na Androida. Największym problemem nie był kod zaplecza (dla wielu / większości ludzi, jeśli możesz kodować w Obj C, możesz kodować w Javie), ale portowanie natywnych interfejsów. To, co powiedział Todd powyżej, układ interfejsu użytkownika jest nadal kompletnym problemem. Z mojego doświadczenia wynika, że najszybszym narzędziem do opracowania niezawodnego interfejsu użytkownika, który obsługuje wiele formatów itp., Jest dobry stary HTML.
Zauważyłem, że używanie http://pencil.evolus.vn/ razem z szablonami ołówkowymi z projektu http://code.google.com/p/android-ui-utils/ działa wyjątkowo dobrze. Bardzo prosty w użyciu, bardzo łatwy w tworzeniu skomplikowanych projektów
Nie mówię, że to najlepszy sposób, ale dobrze jest mieć opcje. Necessitas to projekt, który przenosi Qt na Androida. Wciąż jest na wczesnym etapie i brakuje mu pełnych funkcji, ale dla tych, którzy znają Qt i nie chcą zawracać sobie głowy okropnym brakiem dobrych narzędzi dla interfejsu użytkownika Androida, rozsądnie byłoby przynajmniej rozważyć użycie tego.