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

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:05

Ovaj vodič će vas naučiti osnovama izgradnje Android aplikacije pomoću razvojnog okruženja Android Studio. Kako Android uređaji postaju sve češći, potražnja za novim aplikacijama će se samo povećavati. Android Studio je jednostavno (i besplatno) razvojno okruženje za učenje. Najbolje je ako neko 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 razumijete 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 kreiranje prve Android aplikacije, 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 preuzmete Android Studio.
2. Pomoću instalacijskog programa instalirajte Android Studio prema njegovim uputama.

Korak 2: Otvorite novi projekat

1. Otvorite Android Studio.
2. U 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 kompanije po želji*.
5. Zabilježite gdje se nalazi datoteka projektne datoteke i promijenite je ako želite.
6. Kliknite na "Dalje".
7. Uvjerite se da je jedino polje "Telefon i tablet" označeno.
8. Ako planirate testirati aplikaciju na svom telefonu, provjerite je li minimalni SDK ispod nivoa operativnog sistema vašeg telefona.
9. Kliknite na "Dalje".
10. Odaberite "Prazna aktivnost".
11. Kliknite na "Dalje".
12. Ostavite sva polja naziva aktivnosti onakva kakva jesu.
13. Kliknite "Završi".

*Napomena: Tipična konvencija imenovanja u Android projektima postavlja naziv kompanije 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. Uvjerite se da je kartica Dizajn otvorena na ekranu activity_main.xml.
3. Kliknite i povucite "Hello, world!" od gornjeg lijevog kuta ekrana telefona do središta ekrana.
4. U sistemu datoteka projekta na lijevoj strani prozora otvorite mapu vrijednosti.
5. U mapi vrijednosti dvaput kliknite na 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. Uvjerite se da vaš centrirani tekst sada glasi "Zdravo svijete! Dobro došli u moju aplikaciju!"

Korak 4: Dodajte dugme glavnoj aktivnosti

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

Korak 5: Kreirajte drugu aktivnost

1. Na vrhu stabla datotečnog sistema projekta desnom tipkom miša kliknite "app".
2. Idite do 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 ekrana telefona prema dolje kao u glavnoj aktivnosti.
7. Dok je okvir za tekst još uvijek odabran, pronađite polje "id" u izborniku Svojstva s desne strane i postavite ga na "text2".
8. Ponovo 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. Ponovo odaberite okvir za tekst.
12. U oknu Svojstva postavite polje "text" na "@string/second_page".
13. Uvjerite se da tekstualni okvir sada glasi "Dobro došli na drugu stranicu!" i nalazi se u centru ekrana na ekranu telefona.

Korak 6: Napišite Button's "onClick" metodu

Odaberite karticu MainActivity.java uz vrh radnog okruženja

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

Button button = (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. Kliknite + pored za uvoz u trećem redu MainActivity.java za proširenje naredbi za uvoz.

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

import android.content. Intent;

import android.view. View;

uvoz android.widget. TextView;

Korak 7: Testirajte aplikaciju

1. Kliknite na zeleni simbol za reprodukciju na alatnoj traci pri vrhu prozora Android Studija.
2. Kada se pojavi dijaloški okvir "Odaberi uređaj" (to može potrajati nekoliko trenutaka), odaberite opciju "Lauch emulator".
3. Pritisnite OK.
4. Kada se emulator otvori (i ovo može 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

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

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