Plán na cvičenie

Konkrétne :
  • Otvorenie Android Studio
  • Vytvorenie Coffee aplikacie
  • Spustenie aplikacie

Coffee aplikacia

Aplikacia, ktora vam dovoli objednat si kavu.

Ukazka vysledku aplikacie:
Ukazka aplikacie

Ukazka vyslednej struktury suborov, a ukazka potrebnych suborov na upravu:
Ukazka struktury aplikacie

Navod: Pouzite vedomosti z prednasky alebo/a z kurzu.

Úloha 0

Otvorenie Android Studio a vytvorenie prazdnej aplikacie.



Navod ako vytvorit prazdnu aplikaciu: Vývoj aplikácií pre Android (5) – Prvá aplikácia -- [PDF]

Úloha 1

Nahradte text Hello World s textom "Pocet" (Quantity).
Pridajte pod tento text dalsi text v ktorom bude zobrazene cislo "2".
Pod tieto dva texty vlozte este jedno tlacidlo s napisom "Objednat".

Ukazka aplikacie:
Ukazka aplikacie (1.krok)

Úloha 2

Pod text s poctom kav a nad tlacidlo, pridajte dalsie dva texty "Cena" (Price) a "10€".

Ukazka aplikacie:
Ukazka aplikacie (2.krok)

Úloha 3

Nad a pod pocet kav pridajte dalsie 2 tlacidla.
Horne s textom "+" (sluzi na pridavanie poctu) a dolne s textom "-" (sluzi na odoberanie poctu).
Pocet kav si uchovavajte v premennej a po stlaceni jedneho z tlacidiel inkrementujte alebo dekrementujte premennu a zobrazte ju na obrazovke.

Ukazka aplikacie:
Ukazka aplikacie (3.krok)

Úloha 4

Fajn tak teraz by sme uz mali vediet ako funguju tlacidla a dynamicka uprava textu v TextView.
Teraz premiestnite tlacidla "+" a "-" a pocet kav do jedneho riadku.
Tak ze uplne vlavo bude "-" potom vpravo od neho pocet kav a uplne vpravo "+".

Ukazka aplikacie:
Ukazka aplikacie (4.krok)

Úloha 5

Teraz budeme pocitat celkovy sucet kav ako celkovu cenu, ktoru musi zakaznik zaplatit.
V TextView kde sme mali zatial staticky text, za jednu kavu, budeme upravovat podla toho
kolko kav si navolil zakaznik tlacidlami "+" a "-".
Celkovu cenu zobrazujte priebezne na obrazovke. Po stlaceni tlacidla objednat vypiste do noveho
riadku pod celkovu cenu aj podakovanie za nakup. A na zaver pridame este jedno krajsie
tlacidlo uplne na spodok obrazovky, roztiahnute na celu sirku displeja.

Ukazka aplikacie:
Ukazka aplikacie (5.krok)

Odporucane kurzy

Odporucana literatura