Aplikacija za Android 1. del: Začetni zaslon z uporabo fragmentov/Kotlin: 5 korakov

2024 Avtor: John Day | [email protected]. Nazadnje spremenjeno: 2024-01-30 12:03

Pozdravljeni še enkrat, najverjetneje imate doma nekaj "prostega" časa zaradi COVID19 in se lahko vrnete, da preverite teme, ki ste se jih želeli naučiti v preteklosti.

Razvoj aplikacij za Android je zagotovo eden izmed njih in pred nekaj tedni sem se odločil, da bom poskusil še enkrat.

Programiranje v Kotlinu vsekakor zmanjša napor pri kodiranju in pomaga doseči rezultate v precej kratkem času. Res je super!

V tej vadnici bom razložil, kako razviti sledilnik rezultatov tenisa. To aplikacijo lahko uporabljate, ko se igrate s prijatelji in/ali družino (tablico lahko podarite svojemu otroku in ga zaposlite:)). Ta aplikacija temelji na naslednjem primeru Kotlin Counter.

Vadnica ima naslednje dele:

1. del: Splash Screen z uporabo fragmentov (tukaj smo zdaj)

2. del: Konfiguracija ujemanja - lastnosti

3. del: Sledilnik rezultatov tekme

Glavna ideja je, da aplikacijo razdelite na 3 različne zaslone, od katerih bo vsak poklical naslednjega, ko bo dokončan ali ko uporabnik pritisne ustrezen gumb.

V tem prvem delu bom razložil, kako ustvariti uvodni zaslon -> preverite video zgoraj.

Zaloge

Funkcije Android, uporabljene v tem delu:

• Odlomki
• Animacija
• Vibracije
• Medijski predvajalnik
• Poslušalci

Potrebna orodja:

• Android Studio
• Kotlin 1.3.61
• Raven API 28

Zahtevana sredstva

Zvočna datoteka piska

1. korak: Oblikovanje uporabniške izkušnje

Razložimo funkcije našega zaslona Intro.

1. želimo imeti cel zaslon v beli barvi
2. želimo, da je zaslon vedno v ležečem načinu
3. želimo, da je besedilo logotipa v sivi barvi
4. želimo, da je barva kroglice v tonih zelene
5. želimo, da se besedilo logotipa zbledi
6. želimo, da se na zaslonu premika teniška žoga (odbojna žoga)
7. želimo predvajati zvok vsakič, ko se žoga dotakne površine
8. želimo sprožiti vibracijo telefona, ko se predvaja zvok
9. želimo, da trajanje uvoda ne bo daljše od 4 sekund.

Korak: Upravitelj fragmentov in 3 zasloni

Spomnimo se glavne ideje naše aplikacije: želimo imeti 3 zaslone (uvod, lastnosti in ocena ujemanja). Za to bomo uporabili fragmente. Zato potrebujemo 3 od njih enega za vsak zaslon. Oglejte si prvi delček kode.

V drugem lahko ugotovimo, kako imenujemo naš prvi fragment. Fragment Splash je tisti, ki ga bomo uporabili za uvod.

3. korak: Postavitev zaslona aplikacije in uvoda

• Če želite popraviti položaj zaslona in prezreti vsako vrtenje telefona, moramo dodati naslednjo kodo Slika 1 v AndroidManifest.xml.
• Če želite odstraniti vrstico dejanj z vseh zaslonov, moramo dodati naslednjo kodo Slika 2 v styles.xml
• Če želimo prikazati celozaslonski način na vseh zaslonih, moramo na 2 različni metodi nastaviti nekaj zastavic, kot je na sliki 3. Oncreate () in onWindowFocusChanged.

4. korak: Določitev logotipov in kroglic

• smo pred besedilom definirali kot sivo, to naredimo v datoteki styles.xml. Oglejte si sliko 1.
• opredelili smo tudi, da mora biti žoga v zelenih tonih, zato v mapi za risanje ustvarimo ball.xml. Preverite sliko 2

5. korak: Opis animacije

Tu bom razložil logiko in zaporedje animacije. Mislim, da tukaj ni smiselno dodajati delčkov kode, bolje je, da sami pregledate kodo.

Ideja animacije je naslednja:

• Ko je fragment ustvarjen, se ustvari in zažene besedilni logotip
• Ko je animacija logotipa z besedilom zaključena, se prične prva parabolična poteza teniške žoge
• Ko je prvo parabolično gibanje končano, se predvaja zvok in telefon zavibrira … in prikliče se naslednje parabolično gibanje
• Ko je zadnje parabolično gibanje končano in se izvede zvok/vibracija, pridemo do točke, da pokličemo drugi zaslon.

Opomba: Nisem ustvaril abstraktnega razreda za animacije, ker sem želel, da je koda ravna … lažje slediti vsaj meni:)

Drugi del serije bom objavil v naslednjih dneh, spremljajte me, če vam je ta del všeč, če pa ne, bom vesel vaših povratnih informacij.