✅ Kurkite „Android“ programas naudodami „App Inventor 2“

Turinys

1. „App Inventor 2“ diegimas
2. „App Inventor 2“ paleidimas
3. Pirmoji programa „App Inventor 2“
4. Antroji programa „App Inventor 2“

„App Inventor 2“ yra platforma, leidžianti mums leidžia kurti programines programas, skirtas „Android“, Tai yra „Google Labs“ kūrinys, čia mes galime vizualizuoti projektus, kuriuose dirbame su įvairių tipų pagrindiniais įrankiais. Vienas iš didžiausių „App Inventor 2“ pranašumų yra tas, kad vartotojas gali susieti blokų seriją, kad sukurtų programą . Ši sistema yra visiškai nemokama ir lengvai atsisiųsta iš savo svetainės. Programos, kurias galime sukurti „App Inventor“, yra šiek tiek ribotos dėl jų paprastumo, nors čia taip pat galime praleisti daug laiko kurdami nesibaigiančias programas pagrindiniams „Android“ įrenginiams.

Naudojant „Google App Inventor“ buvo parodytas puikus naudojimo paprastumas, kuris palengvino a daug naujų programų; Šiais laikais dėl to daug vartotojų kuria programas „Android“ programų platinimo centre.

Ką mums leidžia „App Inventor 2“?Kurkite programas įrenginiams, kuriuose yra „Android“ sistema, naudodami žiniatinklio naršyklę ir prijungtą telefoną ar emuliatorių. „App Inventor“ serveriai saugo jūsų darbą ir stebi jūsų projektus.

Tai labai paprasta naudoti vizualinio kūrimo priemonė, todėl daugelis šio įrankio vartotojų nėra vien programuotojai.

Iš ko mes kuriame savo programas „App Inventor 2“?„App Inventor Designer“ yra programa, naudojama „App Inventor“ komponentams pasirinkti, ji siūlo mums paletę, kurioje yra daugybė įrankių, su kuriais galite dirbti labai paprastai.

„App Inventor Blocks“ redaktorius leidžia mums susieti įvairių tipų blokus, su kuriais galime apibrėžti savo programos funkcijas. Vienas iš privalumų yra paprastas ir vizualus būdas parodyti mūsų atliekamą darbą dėlionės pavidalu.

Ar lengva kurti programas naudojant „App Inventor 2“?Skirtingos programos, kurios laikui bėgant rodomos „Android“ įrenginiuose, parodė mums, kad yra daugybė programų, kuriomis galime dirbti, nesvarbu, ar jos yra paprastos, ar sudėtingos. „Inventor 2“ programa leidžia mums dirbti paprastai, o tai reiškia, kad jums nereikia būti programuotoju, kad dirbtumėte labai paprastoje aplinkoje. dirbti su įrankių palete ar blokų rinkiniu, kuriuos galime tvarkyti praktiškai kaip dėlionė. Be to, baigus projektą, galite supakuoti savo programą ir sukurti atskirą programą, kurią reikia įdiegti.

Kitas pranašumas, kurį jis jums siūlo, yra tas nebūtinai turite turėti telefoną su „Android“ operacine sistema, nes iš „App Inventor“ puslapio galite atsisiųsti programinę įrangą, vadinamą „aiStarter“, kuri leis jums sekti ją iš kompiuterio.

Kaip pasiekti „App Inventor 2“?Norėdami pasiekti, pirmiausia turite užsiregistruoti „App Inventor“ naudodami „Gmail“ paskyrą. Svarbu žinoti, kad šis procesas yra visiškai nemokamas.

Sistemos, įrenginio ar naršyklės reikalavimai

Operacinės sistemos

„Macintosh“: „Mac OS X 10.5“ arba naujesnė versija.
„Windows“: „Windows XP“, „Windows Vista“, „Windows 7“
GNU / Linux: „Ubuntu 8“ arba naujesnė, „Debian 5“ ar naujesnė

Naršyklės

„Mozilla Firefox 3.6“ arba naujesnė versija
5.0 ar naujesnės versijos „Apple Safari“
„Google Chrome 4.0“ arba naujesnė versija
„Microsoft Internet Explorer“ to nepalaiko

Telefonai ir planšetiniai įrenginiai

„Android“ operacinė sistema 2.3 („Gingerbread“) arba naujesnė

1. „App Inventor 2“ diegimas

Pirmiausia turime tai žinoti „Inventor 2“ programa leidžia kurti ir redaguoti blokus kaip jau minėjome ir visa tai veikia jūsų naršyklėje. Tačiau norėdami patikrinti, ką dirbame (išbandykite tiesiogiai), kurdami programą turime tris galimybes:

1 variantas„Appinventor“ puslapyje labiausiai rekomenduojama, jei turite įrenginį, kuriame naudojama „Android“ ir belaidis interneto ryšys („WiFi“), galime dirbti tik įdiegę „App Inventor“ programą „Android“ įrenginyje.

2 variantasAntrasis variantas yra įdiegti programinę įrangą mūsų kompiuteryje kad galėtume naudotis „Android“ emuliatoriumi ir išbandyti mūsų programas, kol jas kuriame.

3 variantasŠi parinktis yra pati sudėtingiausia ir sudėtingiausia; Jei mūsų operacinė sistema yra „Windows“ ir mes turime „Android“ įrenginį, bet neturime belaidžio tinklo („WiFi“), galime įdiekite programinę įrangą mūsų kompiuteryje ir prijunkite „Android“ įrenginį per USB. Puslapyje matome, kaip ši galimybė naudojama kaip paskutinė priemonė dėl akivaizdaus sudėtingumo.

Kai žinosime įvairias galimybes, kurias turime diegdami „App Inventor 2“, žingsnis po žingsnio paaiškinsiu, kaip atlikti kiekvieną iš šių parinkčių:

1 variantas: „App Inventor 2“ prijungimas prie „Android“ įrenginio belaidžiu ryšiu („WiFi“)

1 žingsnis
Atsisiųskite ir įdiekite „MIT AI2 Companion“ programą savo „Android“ įrenginyje. Pasirinkę šią parinktį, „Android“ įrenginyje turėsite tik ieškoti „MIT AI2 Companion“ programos iš „PlayStore“, ją atsisiųsti ir įdiegti arba taip pat galite atsisiųsti tiesiai iš APK failo. Patartiniausias dalykas yra atsisiųsti jį iš „PlayStore“, nes jei atsisiųsime APK failą, „Android“ įrenginio konfigūracijoje turėsime įgalinti parinktį leisti įdiegti programas iš nežinomų šaltinių. Šią parinktį galima rasti ankstesnėse nei 4.0 versijos „Android“ versijose Nustatymai> Programos ir pažymėkite langelį " Nežinomi šaltiniaiJei naudojate įrenginius, kuriuose veikia 4.0 ar naujesnės versijos „Android“, turite eiti į Nustatymai> Sauga arba Nustatymai> Sauga ir Ekrano užraktasir pasirinkite „Nežinomi šaltiniai".

Čia palieku atitinkamus QR kodus, kad galėčiau jį atsisiųsti iš „Playstore“ arba tiesiogiai kaip APK failą, jei jums reikia QR skaitytuvo, galime jo ieškoti „Playstore“.

Zaidimu parduotuve

APK failas

PastabaAtminkite, kad jei jį atsisiuntėme iš „PlayStore“, jis bus automatiškai atnaujinamas, o jei naudosime galimybę jį atsisiųsti tiesiogiai, turėsime jį atnaujinti rankiniu būdu.

2 žingsnis
Prijunkite kompiuterį prie to paties „WiFi“ tinklo, kaip ir „Android“ įrenginys. „App Inventor“ automatiškai rodys kuriamą programą tik tuo atveju, jei jūsų kompiuteryje veikia „App Inventor“ ir jei „Companion“ veikia jūsų „Android“ įrenginyje, o šie du įrenginiai yra prijungti prie to paties „Wi-Fi“ tinklo.

3 žingsnis
Kaip prijungti projektą, prie kurio dirbame, prie „Android“ įrenginio. Mes einame į „App Inventor“ puslapį ir atidarome projektą, su kuriuo ketiname dirbti, pagrindiniame meniu pasirenkame „Connect“ ir „Al Companion“.

Tai parodys dialogą su QR kodu, ieškosime savo įrenginio, paleisime programą „MIT App Companion“ ir tada spustelėsime mygtuką „Nuskaityti QR kodą“ ir nuskaitome kodą:

Palaukę kelias sekundes turėtume pamatyti projektą, prie kurio dirbame, ir jis bus atnaujintas atsižvelgiant į jo pakeitimus.

2 ir 3 variantas: Įdiekite „App Inventor“ savo kompiuteryje su operacine sistema „Windows“
Čia diegimas abiem atvejais yra tas pats.

1 žingsnis
Pirmiausia turime atsisiųsti diegimo programą „MIT_App_Inventor_Tools_2.3.0_win_setup.exe“ Tai galime padaryti naudodami šią nuorodą. Atsisiuntę diegimo programą, ją paleidžiame.

Šis langas pasirodys, mes spustelėsime Toliau>.

Tada spustelėję sutiksime su licencijos sutartimi aš sutinku.

2 žingsnis
Mes pasirenkame, ar norime įdiegti programą tik vienam vartotojui, ar visiems vartotojams, ir spustelėkite Toliau>.

Mes pasirenkame komponentus, kuriuos norime įdiegti, ir spustelėkite Toliau>.

Mes pasirenkame, kur ketiname jį įdiegti, ir spustelėkite Toliau>.

3 žingsnis
Mes pasirenkame namų aplanką ir paspaudžiame Diegti.

Laukiame kelių sekundžių, kol įdiegsite „MIT App Inventor Tools 2.3.0“.

Baigę diegimo procesą, galime spustelėti Baigti ir tai mes baigsime diegimą.

4 žingsnis
Taip paliekame pasirinktą „Start aiStarter tool now“ parinktį Turėtų atsirasti „aiStarter“ langas, kuriame pirmoje eilutėje bus nurodyta operacinė sistema, kurioje mes dirbame, antroje eilutėje, kurioje yra aplankas, kuriame ji įdiegta, trečioje eilutėje serveris, kuriame jis veikia, ketvirtoje eilutėje suraskite IP adresą, kuriame programa yra aktyvi. Norėdami uždaryti „aiStarter“ paleidimą, paspauskite Ctrl + C.

Pastaba„AiStarter“ turi būti paleistas, kai ketiname dirbti su „App Inventor 2“. Jei nenaudojame „WiFi“ belaidžio tinklo ryšio, po įdiegimo darbalaukyje turėtų atsirasti „aiStarter“ piktograma.

2. „App Inventor 2“ paleidimas

Pirmas žingsnis
Pirmiausia turime paleisti „aiStarter“ spustelėdami darbalaukyje esančią piktogramą.

Tai paleis „aiStarter“ langą.

Antras žingsnis
Paleidę „aiStarter“, einame į programų sąrašą ir spustelėkite „Sukurti programas“!

Jis paprašys jūsų pasiekti „Gmail“ paskyrą. Po to ji paprašys mūsų leidimų pasiekti mūsų paskyrą, čia mes pasirenkame Leisti. Tada jis parodys mums paslaugų sąlygas. Mes sutinkame su sąlygomis, tada jis paklaus mūsų, ar norime užpildyti apklausą, ir tada jis mus pasitiks. Spustelime Tęsti.

Jei norime, kad mums viskas būtų lengviau, galime pasirinkti kalbą prieš užmezgdami pirmąjį ryšį.

Trečias žingsnis
Dabar ketiname pradėti naują projektą.

Mes suteikiame pavadinimą šiam naujam projektui, mano atveju duosiu jam „Test_1“ ir sutinkame.

Tai automatiškai nuves mus į ką tik sukurtą projektą ir parodys įrankius bei tai, ką ketiname naudoti.

Ketvirtas žingsnis
Dabar, kai ketiname paleisti emuliatorių, aš padarysiu tik paprastą programą, kuri parodys etiketę su tipišku „Labas pasaulis“, todėl mes ištrauksime etiketę iš paletės ir pakeisime joje esantį tekstą į „Hello world“.

Tam mes naudosime emuliatorių Prisijunkite> Emuliatorius.

Jis prisijungs ir lieps palaukti kelias sekundes, vadovaukimės toliau pateiktomis instrukcijomis.

Kadangi emuliatorių naudojame pirmą kartą, jis paprašys mūsų jį atnaujinti ir parodys mums emuliatoriuje, ar norime įdiegti naujinimą.

Įdiegę spustelėkite „Atlikta“ ir iš naujo paleiskite ryšį, kaip nurodyta instrukcijose.

Kai ryšys bus paleistas iš naujo, paleidžiame emuliatorių ir jis turėtų parodyti mums projektą, prie kurio dirbame, kaip matote šiame paveikslėlyje.

Kai atliksime visus šiuos veiksmus, emuliatorius bus atnaujintas, o emuliatoriaus ekrane bus matomi visi mūsų projektai, prie kurių dirbame.

PastabaAš rekomenduoju prieš pradedant bet kokį projektą įsitikinti, kad mes paleidome „aiStarter“, kad nekiltų jokių problemų bandant mūsų programas ir kad jis būtų paleistas prieš vykdant emuliatorių puslapyje.

3. Pirmoji programa „App Inventor 2“

Dabar, kai viskas yra paruošta, galime pradėti dirbti. Programų išradėjas, tada aš tau parodysiu kaip sukurti paprastas programas tai padės mums sukurti bazę kurti savo „Android“ programas.

1 žingsnis
Pradėsime nuo pagrindinės skaičiuoklės sukūrimo, kuri leis mums atlikti tipines matematines funkcijas, tokias kaip pridėjimas, atėmimas, dauginimas ir dalijimas.

Norėdami tai padaryti, pirmiausia mes tai padarysime Projektai> Mano projektai. Ten mes spustelėsime pradėti naują projektą, aš pavadinsiu šį projektą Calculadora_Basica ir paspauskite mygtuką Gerai.

Tai nukreips mus į projektavimo sritį, kurioje dirbsime su savo projektu. Pirmas dalykas, kurį ketiname padaryti, yra pridėti keturis mygtukus, vilkdami juos iš paletės, esančios kairėje.

2 žingsnis
Dabar mes pakeisime kiekvieno mygtuko tekstą, pasirinkdami komponentus po vieną ir pakeisdami jo savybių tekstą. Kaip matome, yra numatytųjų pasirinkto mygtuko ypatybių, čia galime pakeisti, kaip norime, kad mygtukas būtų. Kol kas apsiribosiu tik teksto keitimu.

Pakeitus tekstą, iš karto turėtumėte pastebėti mygtuko, kurį keičiame, peržiūros priemonėje pakeitimus.

3 žingsnis
Dabar dėl estetinių priežasčių ketinu naudoti horizontalų išdėstymą, kad sutvarkyčiau mygtukus, kuriuos anksčiau modifikavome. Tai rasime paletėje spustelėję išdėstymą ir vilkdami horizontalų išdėstymą link žiūrovo.

4 žingsnis
Dabar mes pridėsime mygtukus po vieną prie horizontalaus išdėstymo. Turėtume turėti kažką panašaus:

5 žingsnis
Tada pridedame 2 teksto laukelius, kur yra pristatysime reikiamus skaičius, kad atliktume pagrindines sudėjimo, atėmimo, daugybos ir dalybos operacijas. Be to, pridėsime etiketę, rodančią mūsų veiklos rezultatus. Etiketę ir teksto laukus galite rasti paletėje spustelėję vartotojo sąsają. Pabaigoje turėtume turėti kažką panašaus į šį paveikslėlį:

6 žingsnis
Mes ketiname "Blokeliai“Norėdami pradėti konfigūruoti mūsų mygtukų funkcijas. Norėdami eiti, turite tiesiog spustelėti blokus, esančius dešinėje ekrano pusėje šalia mygtuko Dizaineris.

Tai turėtų nukreipti mus į blokų peržiūros priemonę, kurioje galime pamatyti įvairių tipų blokus, kuriuos galime naudoti savo programoms. Kol kas mums reikės tik naudoti įmontuotus mygtukus, kad nustatytume, kokią funkciją jie atlieka, kai paspaudžiamas kiekvienas iš jų.

Norėdami apibrėžti kiekvieno mygtuko atliekamą veiksmą, pirmiausia pradėsime nuo mygtuko1, kuris mano atveju pakeitė tekstą į pliuso ženklą (+) ir noriu apibrėžti, kad kiekvieną kartą paspaudus jis prideda sumas, kurios yra 1 teksto lauką ir 2 teksto lauką, mes pradedame spustelėdami mygtuką1, tada pasirenkame „kai mygtukas1 spustelėkite vykdyti“ ir vilkite jį į savo žiūrovą, jis turėtų atrodyti taip:

7 žingsnis
Tada pridedame „Label1“, spustelėkite „Label1“ ir vilkite „įdėti Label1 text as“ į žiūrovą ir susiekite jį su „execute“. Taip turėtų būti.

8 žingsnis
Dabar pridėkime pridėjimo funkciją, tam mes spustelėsime Matematika ir vilkite grąžinti dviejų skaičių sumą ir susieti ją su etikečių bloku.

Vėliau Teksto laukus pridėsime pasirinkę „TextField1“, ieškosime „TextField1 Text“ ir vilkite jį, kad susietumėte su sumos bloku. Pirma vieta teksto laukui1, o antra - teksto laukas2. Atlikti tą patį procesą turėtų būti kažkas panašaus į šį vaizdą:

9 veiksmas
Dabar kartojame procesus, kuriuos atlikome su kiekvienu mygtuku, tik pakeisdami matematines operacijas į kiekvieną, galų gale turėtume turėti kažką panašaus:

Ir pagaliau atėjo laikas išbandyti mūsų programą, mano atveju aš ją išbandysiu kompiuterio emuliatoriuje. Mes patikriname, kaip veikia mūsų programa, galime patikrinti, ar kiekvienas mygtukas veikia ir ar jis atlieka priskirtas funkcijas. Kitame paveikslėlyje galite pamatyti padalijimą.

Tuo baigiame savo pirmąją paprastą programą mobiliesiems su matematinėmis operacijomis.

4. Antroji programa „App Inventor 2“

Dabar ketiname sukurti programą, leidžiančią išsaugoti ir peržiūrėti duomenis iš „tyniDB“ duomenų bazės. „TyniDB“ yra lengva dokumentų duomenų bazė, parašyta grynai „Python“ ir neturi jokių išorinių priklausomybių.

1 žingsnis
Pirmas dalykas, kurį mes padarysime, yra sukurti naują projektą, pavadinsime jį List_BD:

2 žingsnis
Jame pridėsime dvi horizontalias nuostatas; Pirmajame iš jų pridedame etiketę ir teksto lauką, antrame - du mygtukus, turėtume turėti kažką panašaus:

3 žingsnis
Mes pasirinksime kiekvieną iš nuostatų, pagal savybes pakeisime plotį, kad tilptų į konteinerį. Be to, mes pasirenkame etiketę ir pakeičiame tekstą, kad įvestume duomenis, o mygtukuose mes jį pavadinsime „Naujas įrašas“ ir antrasis „išsaugoti“ turėtų būti tokie:

4 žingsnis
Dabar apačioje pridėsime sąrašo peržiūros priemonę, prie kurios ypatybių mes pasirinksime konteineriui tinkančio pločio parinktį, o aukštyje - 300 pikselių, turėsime kažką panašaus:

5 žingsnis
Pridėkime mūsų „TinyDB“ duomenų bazę, esančią adresu padėklas> saugojimas ir mes tempiame „TinyBD“ į savo sąrašo peržiūros priemonę taip:

6 žingsnis
Dabar mes ketiname blokuoti ir pirmas dalykas, kurį ketiname padaryti, yra pridėti visuotinį kintamąjį, kurio tipas yra tekstas. Norėdami tai padaryti, pirmiausia mes tai padarysime blokai> įmontuoti> kintamieji ir iš ten vilkite „inicializuoti globalų kaip“, tada einame į tekstą blokai> įmontuotas> tekstas, tempiame teksto eilutę ir susiejame ją su „Initial global“.

7 žingsnis
Mes sukonfigūruosime, kokį veiksmą atliks mygtukas, kurį vadiname nauju įrašu, kuris atliks funkciją, kad mūsų teksto laukelis būtų baltas, todėl mes ketiname blokai> Horizontalus išdėstymas2> Mygtukas1 ir kai „Button1“ spustelės, mes nuvilksime į mūsų blokų peržiūros priemonę, tada eisime į blokai> HorizontalArrangement1> TextField1, vilkite įdėti TextField1.Text kaip, susiedami jį su ifButton1.Clic ir galiausiai ieškome teksto eilutės ir susiejame ją su „TextField1.Text as“, todėl gaunamas toks vaizdas:

8 žingsnis
Dabar mes sukonfigūruosime mygtuką Išsaugoti, kad įtrauktume duomenis į savo sąrašą, todėl ieškome 2 mygtuko ir vilkite jį į savo žiūrovą. Tada einame į Blokai> Sąrašas> pridėti elementas į sąrašą ir kur sakoma sąrašas, mes nuorodą į įrašą, kuris yra Blokai> Kintamieji> Paimti ir susiejame jį spustelėdami, norėdami pasirinkti duomenis iš pasaulinio sąrašo. Galiausiai, kai elementas rodomas mūsų bloke, kad įtrauktume elementą į sąrašą, mes įdedame bloką iš savo „TextBox1“. Tekste jis turėtų atrodyti maždaug taip:

9 veiksmas
Dabar mes pridėsime vertes prie savo duomenų bazės, todėl pirmiausia turime ieškoti Blokai> Ekranas1> TinyBD, vilkite skambutį „TinyBD1“.SaveValue ir mes susiejame jį su „Button2“ bloku, o po to - etiketėje, dedame tai, ką ketiname išsaugoti, šiuo atveju išsaugosime tik pavadinimus, tam ieškome teksto bloko, jį susiejame etiketę ir įdedame pavadinimą, tada iš čia įdedame išsaugotiną vertę, kad ji paimtų ją iš visuotinio sąrašo, kaip tai darėme pridėjimo elementų bloke.

10 žingsnis
Mes tiesiog turime jį parodyti sąrašo peržiūros priemonėje, nes mes jį susiesime su „Button2“ Blokai> Ekranas1> Sąrašo rodinys1 ir vilkdami įdėkite „ListViewer1.Elements“, kai susiejame, paimame visuotinį sąrašą, rodydami kažką panašaus:

11 žingsnis
Kaip prisimename, geriausia turėti duomenų bazę yra tai, kad galite uždaryti savo programą, o joje išsaugoti duomenys bus saugomi ir pasiekiami pradedant naują seansą. Norėdami tai padaryti, įsitikinsime, kad paleidus „Screen1“ duomenų bazė vėl įtraukiama į sąrašą ir vėl atsiranda sąrašo peržiūros priemonėje.

Norėdami tai padaryti, mes tiesiog turime eiti į Blokai> Ekranas ir vilkite bloką „kai„ Screen1.initialize “vykdyti“ mūsų blokų peržiūros priemonėje, ir su tuo mes susiesime kintamąjį „put“, esantį Blokai> Integruotas> Kintamieji, mes vilkite „put“ ir tame bloke pasirinkome visuotinį sąrašą, prie kurio mes susiesime iš „TinyBD1“ skambučio „TinyBD1“. „GetValue“ “, etiketėje pridėsime teksto bloką, į kurį įdėsime pavadinimą, ir„ Value “, jei etiketės nėra, sukuriame tuščią rastą sąrašą irn Blokai> Sąrašas> Sukurti naują tuščią sąrašą. Taigi gauname, kad visi duomenys išsaugomi naujame sąraše.

Norėdami parodyti mums duomenis sąrašo peržiūros priemonėje, tai, ką turime padaryti, susieja „Screen1.initialize“ su „Set ListView1.Elements as“, kuris savo ruožtu yra susietas su „Take global List“, kaip tai darėme ankstesniame bloke.