Kako stvoriti Android aplikaciju s Android Studiom: 8 koraka (sa slikama)

2024 Autor: John Day | [email protected]. Zadnja promjena: 2024-01-30 09:33

Ovaj vodič će vas naučiti osnovama izgradnje Android aplikacije pomoću razvojnog okruženja Android Studio. Kako su Android uređaji sve češći, potražnja za novim aplikacijama samo će se povećati. Android Studio jednostavno je (i besplatno) razvojno okruženje za učenje. Najbolje je ako netko dobro poznaje programski jezik Java za ovaj vodič jer je to jezik koji koristi Android. U ovom vodiču neće se koristiti mnogo koda, pa ću pretpostaviti da poznajete dovoljno Jave da biste razumjeli ili ste spremni potražiti ono što ne znate. To će trajati otprilike 30-60 minuta, ovisno o tome koliko brzo možete preuzeti i instalirati Android Studio. Nakon što ste upotrijebili ovaj vodič za izradu svoje prve aplikacije za Android, bit ćete na dobrom putu do zabavnog novog hobija ili možda čak i obećavajuće karijere u mobilnom razvoju.

Korak 1: Instalirajte Android Studio

1. Idite na https://developer.android.com/sdk/index.html da biste preuzeli Android Studio.
2. Pomoću instalacijskog programa instalirajte Android Studio prema njegovim uputama.

Korak 2: Otvorite novi projekt

1. Otvorite Android Studio.
2. Na izborniku "Brzi početak" odaberite "Pokreni novi projekt Android Studio".
3. U prozoru "Create New Project" koji se otvori, imenujte svoj projekt "HelloWorld".
4. Ako odaberete, postavite naziv tvrtke po želji*.
5. Zabilježite gdje se nalazi datoteka projektne datoteke i promijenite je ako želite.
6. Kliknite "Dalje".
7. Uvjerite se da je "Telefon i tablet" jedini potvrđeni okvir.
8. Ako planirate testirati aplikaciju na svom telefonu, provjerite je li minimalni SDK ispod razine operacijskog sustava vašeg telefona.
9. Kliknite "Dalje".
10. Odaberite "Prazna aktivnost".
11. Kliknite "Dalje".
12. Ostavite sva polja naziva aktivnosti onakva kakva jesu.
13. Kliknite "Završi".

*Napomena: Tipična konvencija imenovanja u Android projektima postavlja naziv tvrtke kao neki oblik "example.name.here.com".

Korak 3: Uredite poruku dobrodošlice u glavnoj aktivnosti

1. Idite na karticu activity_main.xml ako već nije otvorena.
2. Provjerite je li kartica Dizajn otvorena na zaslonu activity_main.xml.
3. Kliknite i povucite "Hello, world!" od gornjeg lijevog kuta zaslona telefona do središta zaslona.
4. U datotečnom sustavu projekta na lijevoj strani prozora otvorite mapu vrijednosti.
5. U mapi vrijednosti dvaput kliknite datoteku strings.xml.
6. U ovoj datoteci pronađite redak "Hello world!".
7. Nakon "Hello world!" poruku, dodajte "Dobro došli u moju aplikaciju!"
8. Vratite se na karticu activity_main.xml.
9. Pobrinite se da vaš centrirani tekst sada glasi "Zdravo svijete! Dobro došli u moju aplikaciju!"

Korak 4: Dodajte gumb glavnoj aktivnosti

1. Idite na karticu Dizajn na zaslonu activity_main.xml.
2. U izborniku Palette s lijeve strane zaslona telefona pronađite Button (ispod naslova Widgets).
3. Pritisnite i povucite gumb da biste ga centrirali ispod poruke dobrodošlice.
4. Provjerite je li gumb još uvijek odabran.
5. U izborniku Svojstva (s desne strane prozora) pomaknite se prema dolje kako biste pronašli polje za "tekst".
6. Promijenite tekst iz "Novi gumb" u "Sljedeća stranica".

Korak 5: Izradite drugu aktivnost

1. Na vrhu stabla datotečnog sustava projekta desnom tipkom miša kliknite "app".
2. Idite na Novo> Aktivnost> Prazna aktivnost.
3. Promijenite naziv ove aktivnosti u "SecondActivity".
4. Kliknite "Završi".
5. Provjerite jeste li u prikazu dizajna activity_second.xml.
6. Povucite okvir za tekst u gornjem lijevom kutu zaslona telefona prema sredini, kao što ste to učinili u glavnoj aktivnosti.
7. Dok je okvir za tekst još odabran, pronađite polje "id" u izborniku Svojstva s desne strane i postavite ga na "text2".
8. Ponovno otvorite strings.xml.
9. Dodajte novi redak pod "Hello world! Dobro došli u moju aplikaciju!" koji glasi "Dobro došli na drugu stranicu!".
10. Vratite se na activity_second.xml.
11. Ponovno odaberite okvir za tekst.
12. U oknu Svojstva postavite polje "tekst" na "@string/second_page".
13. Pobrinite se da tekstualni okvir sada glasi "Dobro došli na drugu stranicu!" i nalazi se u središtu zaslona na zaslonu telefona.

Korak 6: Napišite gumb "onClick" gumb

Odaberite karticu MainActivity.java uz vrh radnog okruženja

2. Dodajte sljedeće retke koda na kraj onCreate metode:

Gumb gumba = (Button) findViewById (R.id.button);

button.setOnClickListener (novi View.onClickListener () {

public void onClick (View v) {

goToSecondActivity ();

}

});

3. Dodajte sljedeću metodu na dno klase MainActivity:

private void goToSecondActivity () {

Namjera namjere = nova namjera (ovo, klasa SecondActivity.class);

startActivity (namjera);

}

4. Pritisnite + pored za uvoz u trećem retku MainActivity.java za proširenje izraza za uvoz.

5. Dodajte sljedeće na kraj izjava o uvozu ako već nisu tu:

uvoz android.content. Intent;

uvoz android.view. View;

uvoz android.widget. TextView;

Korak 7: Testirajte aplikaciju

1. Kliknite zeleni simbol za reprodukciju na alatnoj traci pri vrhu prozora Android Studija.
2. Kad se pojavi dijaloški okvir "Odaberi uređaj" (to može potrajati nekoliko trenutaka), odaberite opciju "Lauch emulator".
3. Pritisnite U redu.
4. Kad se emulator otvori (i ovo bi moglo potrajati), aplikacija će automatski pokrenuti aplikaciju nakon otključavanja virtualnog telefona.
5. Provjerite prikazuje li se sav tekst ispravno i gumb vas vodi na sljedeću stranicu.

Korak 8: Gore, gore i daleko

Čestitamo! Sada ste dovršili svoju prvu Android aplikaciju s nekim osnovnim funkcijama. Vaša gotova aplikacija trebala bi imati stranicu koja pozdravlja korisnika i gumb koji vodi korisnika na drugu stranicu.

Odavde imate letimično znanje koje vam je potrebno za nastavak učenja o razvoju Android aplikacija.